{/* Main Content */}
-
+
{/* Heading */}
DECLEANUP REWARDS
@@ -78,43 +74,26 @@ const Login: React.FC = () => {
- {/* Connect Wallet Button or Dashboard Entry */}
+
- {!isConnected ? (
-
- {/*
- {({ account, openAccountModal, openConnectModal, mounted }) => {
- const connected = mounted && account
-
- return (
-
-
-
- )
- }}
- */}
-
- ) : (
-
-
-
- {/*
*/}
+ {account?.address ? (
+
+
+ GO TO DASHBOARD
- )}
-
+
+ ) : (
+
+
+
+ )}
+
)
diff --git a/src/context/AuthContext.tsx b/src/context/AuthContext.tsx
new file mode 100644
index 0000000..9d30bcb
--- /dev/null
+++ b/src/context/AuthContext.tsx
@@ -0,0 +1,76 @@
+import { createContext, useContext, useEffect, useState, ReactNode } from "react";
+import { useActiveAccount, useActiveWallet, useDisconnect } from "thirdweb/react";
+import { Wallet } from "thirdweb/wallets";
+
+interface AuthContextType {
+ isConnected: boolean;
+ address: string | undefined;
+ connectWithGoogle: () => Promise
;
+ connectWithPasskey: () => Promise;
+ disconnect: () => void;
+ wallet: Wallet | undefined;
+}
+
+const AuthContext = createContext(undefined);
+
+export const AuthProvider = ({ children }: { children: ReactNode }) => {
+ const account = useActiveAccount();
+ const wallet = useActiveWallet();
+ const { disconnect: disconnectWallet } = useDisconnect();
+ // Removed connectionStatus as it is not available in "thirdweb/react"
+
+ const [isConnected, setIsConnected] = useState(false);
+
+ // Check localStorage for existing connection on initial load
+ useEffect(() => {
+ const previouslyConnected = localStorage.getItem("walletConnected") === "true";
+ if (previouslyConnected) {
+
+ }
+ }, []);
+
+ // Update connection state and persist it
+ useEffect(() => {
+ const connected = !!account?.address;
+ setIsConnected(connected);
+
+ if (connected) {
+ localStorage.setItem("walletConnected", "true");
+ // Store additional connection info if needed
+ localStorage.setItem("connectionMethod", wallet?.id || "");
+ } else {
+ localStorage.removeItem("walletConnected");
+ localStorage.removeItem("connectionMethod");
+ }
+ }, [account?.address, wallet]);
+
+ const disconnect = () => {
+ if (wallet) {
+ disconnectWallet(wallet);
+ localStorage.removeItem("walletConnected");
+ localStorage.removeItem("connectionMethod");
+ }
+ };
+
+ return (
+
+ {children}
+
+ );
+};
+
+// eslint-disable-next-line react-refresh/only-export-components
+export const useAuth = (): AuthContextType => {
+ const context = useContext(AuthContext);
+ if (!context) throw new Error("useAuth must be used within an AuthProvider");
+ return context;
+};
\ No newline at end of file