From 6983eb3d18f144424a744eb635d59cbe4228e6fc Mon Sep 17 00:00:00 2001
From: sid <35936587+siddharth-shringarpure@users.noreply.github.com>
Date: Fri, 25 Oct 2024 16:59:20 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8Created=20MetaMask=20detection?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Home.tsx                    |  8 ++++++++
 components/scripts/MetaMask.tsx | 30 ++++++++++++++++++++++++++++++
 components/scripts/Test.tsx     | 16 ++++++++++++++++
 3 files changed, 54 insertions(+)
 create mode 100644 components/scripts/MetaMask.tsx
 create mode 100644 components/scripts/Test.tsx

diff --git a/app/Home.tsx b/app/Home.tsx
index 642da0f..d013a0d 100644
--- a/app/Home.tsx
+++ b/app/Home.tsx
@@ -1,5 +1,7 @@
 import Header from '../components/custom/header';
 import Footer from '../components/custom/footer';
+import Test from '../components/scripts/Test';
+import MetaMask from '../components/scripts/MetaMask';
 
 export default function Home() {
   return (
@@ -21,6 +23,12 @@ export default function Home() {
             <li>Event 3 - Date</li>
           </ul>
         </section>
+        <section className="mb-8">
+          <Test />
+        </section>
+        <section className="mb-8">
+          <MetaMask />
+        </section>
         <Footer />
       </main>
     </div>
diff --git a/components/scripts/MetaMask.tsx b/components/scripts/MetaMask.tsx
new file mode 100644
index 0000000..364f793
--- /dev/null
+++ b/components/scripts/MetaMask.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import React, { useEffect } from 'react';
+
+const MetaMask = () => {
+  const isMetaMaskInstalled = () =>
+    typeof (window as { ethereum?: unknown }).ethereum !== 'undefined';
+
+  useEffect(() => {
+    console.log('Print something');
+  }, []);
+
+  // TODO FIX! This is not working :(
+  const metaMaskInstalled = isMetaMaskInstalled();
+  //console.log(metaMaskInstalled);
+
+  return (
+    <div className="text-center p-4">
+      {metaMaskInstalled ? (
+        <button className="bg-blue-500 text-white px-4 py-2 rounded">
+          Connect Wallet
+        </button>
+      ) : (
+        <p>MetaMask not detected</p>
+      )}
+    </div>
+  );
+};
+
+export default MetaMask;
diff --git a/components/scripts/Test.tsx b/components/scripts/Test.tsx
new file mode 100644
index 0000000..04842ff
--- /dev/null
+++ b/components/scripts/Test.tsx
@@ -0,0 +1,16 @@
+'use client';
+import React, { useEffect } from 'react';
+
+const Test = () => {
+  useEffect(() => {
+    console.log('Print some shit');
+  }, []);
+
+  return (
+    <div>
+      <p>Hellao!</p>
+    </div>
+  );
+};
+
+export default Test;