From 9e8e849127e3bf310d3419a9ec65a6137a45b8b6 Mon Sep 17 00:00:00 2001
From: sid <35936587+siddharth-shringarpure@users.noreply.github.com>
Date: Fri, 25 Oct 2024 18:10:00 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Replaced=20placeholder=20login=20bu?=
 =?UTF-8?q?tton=20with=20current=20Metamask=20integration.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/scripts/MetaMask.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 components/scripts/MetaMask.tsx

diff --git a/components/scripts/MetaMask.tsx b/components/scripts/MetaMask.tsx
new file mode 100644
index 0000000..5bcb8d8
--- /dev/null
+++ b/components/scripts/MetaMask.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import React, { useEffect, useState } from 'react';
+
+const MetaMask = () => {
+  const [metaMaskInstalled, setMetaMaskInstalled] = useState(false);
+
+  const isMetaMaskInstalled = () =>
+    typeof window !== 'undefined' && typeof (window as { ethereum?: unknown }).ethereum !== 'undefined';
+
+  useEffect(() => {
+    if (isMetaMaskInstalled()) {
+      setMetaMaskInstalled(true);
+    }
+  }, []);
+
+  return (
+    <div className="text-center p-4">
+      {metaMaskInstalled ? (
+        <button className="bg-gradient-to-r from-blue-500 to-indigo-700 text-white px-4 py-1 rounded-full transform transition-transform duration-300 hover:scale-105 shadow-lg hover:shadow-2xl">
+          Connect Wallet
+        </button>
+      ) : (
+        <p className="text-red-500">MetaMask not detected</p>
+      )}
+    </div>
+  );
+};
+
+export default MetaMask;
\ No newline at end of file