Added message when wallet connected

pindaroso · Oct 10, 2024 · 5859c6d · 5859c6d
1 parent 1d7763d
commit 5859c6d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/packages/app/src/app/layout.tsx b/packages/app/src/app/layout.tsx
@@ -33,7 +33,7 @@ export default function RootLayout({
             {children}
             <Toaster
               toastOptions={{
-                className: 'bg-secondary text-primary',
+                className: 'dark:bg-secondary bg-secondary dark:text-primary',
                 position: 'bottom-left',
                 duration: 10_000,
                 style: {

diff --git a/packages/app/src/app/page.tsx b/packages/app/src/app/page.tsx
@@ -42,8 +42,16 @@ export default function Home() {
 
   const [blockNumber, setBlockNumber] = useState<number | null>(null)
   const [balance, setBalance] = useState<number | null>(null)
-  const [network, setNetwork] = useState<string>(defaultNetwork)
-  const [networkActive, setNetworkActive] = useState<boolean>(false)
+  const [network, setNetwork] = useState(defaultNetwork)
+  const [networkActive, setNetworkActive] = useState(false)
+  const [walletConnected, setWalletConnected] = useState(false)
+
+  useEffect(() => {
+    if (publicKey && !walletConnected) {
+      setWalletConnected(true)
+      toast.success('Wallet connected')
+    }
+  }, [publicKey])
 
   useEffect(() => {
     const conn = new Connection(endpoint, 'confirmed')
@@ -135,6 +143,7 @@ export default function Home() {
                         onClick={(e) => {
                           e.preventDefault()
                           disconnect()
+                          setWalletConnected(false)
                           setBalance(null)
                         }}
                       >

diff --git a/packages/app/src/components/airdrop-button.tsx b/packages/app/src/components/airdrop-button.tsx
@@ -9,7 +9,6 @@ import { Button } from '@/components/ui/button'
 
 export const AirdropButton: FC = () => {
   const { publicKey } = useWallet()
-
   const { endpoint } = useWalletContext()
 
   const onClick = useCallback(async () => {