From 2f0c194af65aba192c67f35c2920203f00254fdf Mon Sep 17 00:00:00 2001
From: Turupawn <ahmed.hn.43@gmail.com>
Date: Sun, 6 Apr 2025 20:24:50 -0600
Subject: [PATCH 1/2] fixed privy API key requirement

---
 .../WalletToolkit/WalletDropdown.tsx          |  7 +++++
 src/contexts/providers.tsx                    | 30 +++++++++++--------
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/components/WalletToolkit/WalletDropdown.tsx b/src/components/WalletToolkit/WalletDropdown.tsx
index cb23f7d..cd83aa3 100644
--- a/src/components/WalletToolkit/WalletDropdown.tsx
+++ b/src/components/WalletToolkit/WalletDropdown.tsx
@@ -72,6 +72,13 @@ const useStyles = makeStyles<any>()((theme, { dark }) => ({
 }));
 
 const WalletDropdown = (props) => {
+  if (!process.env.NEXT_PUBLIC_PRIVY_APP_ID) {
+    return (
+      <div>
+        <span>Privy is not configured</span>
+      </div>
+    );
+  }
   const { dark } = props;
   const { classes } = useStyles({ dark });
   const pathname = usePathname();
diff --git a/src/contexts/providers.tsx b/src/contexts/providers.tsx
index 6e411ee..f6acdd3 100644
--- a/src/contexts/providers.tsx
+++ b/src/contexts/providers.tsx
@@ -37,18 +37,22 @@ const privyConfig: PrivyClientConfig = {
 
 export default function Providers({ children }: { children: React.ReactNode }) {
   return (
-    <PrivyProvider
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      apiUrl={process.env.NEXT_PUBLIC_PRIVY_AUTH_URL as string}
-      appId={process.env.NEXT_PUBLIC_PRIVY_APP_ID as string}
-      config={privyConfig}
-    >
-      <QueryClientProvider client={queryClient}>
-        <WagmiProvider config={wagmiConfig} reconnectOnMount={false}>
-          <MessageProvider>{children}</MessageProvider>
-        </WagmiProvider>
-      </QueryClientProvider>
-    </PrivyProvider>
+    <QueryClientProvider client={queryClient}>
+      {process.env.NEXT_PUBLIC_PRIVY_APP_ID ? (
+        <PrivyProvider
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          apiUrl={process.env.NEXT_PUBLIC_PRIVY_AUTH_URL as string}
+          appId={process.env.NEXT_PUBLIC_PRIVY_APP_ID as string}
+          config={privyConfig}
+        >
+          <WagmiProvider config={wagmiConfig} reconnectOnMount={false}>
+            <MessageProvider>{children}</MessageProvider>
+          </WagmiProvider>
+        </PrivyProvider>
+      ) : (
+        <MessageProvider>{children}</MessageProvider>
+      )}
+    </QueryClientProvider>
   );
 }

From 4152c58c114a5317f2c1f86df6e3298bcc210d67 Mon Sep 17 00:00:00 2001
From: Turupawn <ahmed.hn.43@gmail.com>
Date: Thu, 10 Apr 2025 17:50:18 -0600
Subject: [PATCH 2/2] moved Privy check to WalletDropdown

---
 src/components/WalletToolkit/WalletDropdown.tsx | 7 -------
 src/components/WalletToolkit/index.tsx          | 6 +++++-
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/WalletToolkit/WalletDropdown.tsx b/src/components/WalletToolkit/WalletDropdown.tsx
index cd83aa3..cb23f7d 100644
--- a/src/components/WalletToolkit/WalletDropdown.tsx
+++ b/src/components/WalletToolkit/WalletDropdown.tsx
@@ -72,13 +72,6 @@ const useStyles = makeStyles<any>()((theme, { dark }) => ({
 }));
 
 const WalletDropdown = (props) => {
-  if (!process.env.NEXT_PUBLIC_PRIVY_APP_ID) {
-    return (
-      <div>
-        <span>Privy is not configured</span>
-      </div>
-    );
-  }
   const { dark } = props;
   const { classes } = useStyles({ dark });
   const pathname = usePathname();
diff --git a/src/components/WalletToolkit/index.tsx b/src/components/WalletToolkit/index.tsx
index a2c71f8..c2384db 100644
--- a/src/components/WalletToolkit/index.tsx
+++ b/src/components/WalletToolkit/index.tsx
@@ -5,7 +5,11 @@ import WalletDropdown from "./WalletDropdown";
 const WalletToolkit = (props) => {
   const { dark } = props;
 
-  return (
+  return !process.env.NEXT_PUBLIC_PRIVY_APP_ID ? (
+    <div>
+      <span>Privy is not configured</span>
+    </div>
+  ) : (
     <Stack direction="row" spacing="0.8rem">
       <WalletDropdown dark={dark}></WalletDropdown>
     </Stack>