Add a toast alert in gallery for user connexion

El-hacen21 · May 26, 2024 · 29b1988 · 29b1988
1 parent c28a190
commit 29b1988
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 12 deletions.
diff --git a/src/components/Blockchain/contract.ts b/src/components/Blockchain/contract.ts
@@ -2,7 +2,7 @@
 import { ethers, Signer, Contract, BrowserProvider } from 'ethers';
 import contractABI from './ABI.json';
 
-export const contractAddress = '0x72F2C6EAaAf332999Df158E59Aad670c6d2DA1c8';
+export const contractAddress = '0xDCc49e76b061db2AA11013cB47f5D9ebfC131361';
 
 // Declare global variables for provider, signer, and contract
 let provider: BrowserProvider | null;
@@ -37,21 +37,21 @@ initializeProviderAndSigner();
 // Create a contract instance with a signer, which enables sending transactions
 // const contract = new ethers.Contract(contractAddress, contractABI, signer);
 
-export async function getAccount(): Promise<string | null> {
+export async function getAccount(): Promise<string> {
 	if (provider && signer)
 		try {
 			await provider.send("eth_requestAccounts", []);
 			const account = await signer.getAddress();
 			if (!account) {
 				console.error("No accessible accounts. Make sure MetaMask is connected.");
-				return null;
+				return '';
 			}
 			return account;
 		} catch (error) {
 			console.error("Could not get access to accounts:", error);
-			return null;
+			return '';
 		}
-	return null;
+	return '';
 }
 
 

diff --git a/src/components/Gallery/Gallery.css b/src/components/Gallery/Gallery.css
@@ -118,8 +118,6 @@ th.actions {
 }
 
 
-
-
 /* Specific Button Colors */
 .button-outline-primary {
     color: #030303;

diff --git a/src/components/Gallery/Gallery.tsx b/src/components/Gallery/Gallery.tsx
@@ -80,15 +80,17 @@ export const Gallery = () => {
             const fetchedAccount = await contract.getAccount();
             if (fetchedAccount) {
                 setAccount(fetchedAccount);
-            } else {
-                toast.info('Merci de vous connecter pour continuer.');
             }
         } catch (error) {
-            toast.info('Merci de vous connecter pour continuer.');
             console.error(error);
+            toast.info('Merci de vous connecter pour continuer.');
         }
     };
 
+    useEffect(() => {
+        fetchAccount();
+    }, []);
+
 
     const displayGallery = async (): Promise<void> => {
 
@@ -117,7 +119,6 @@ export const Gallery = () => {
 
     }
 
-
     const displayMyNFTs = async (): Promise<void> => {
         if (!nfts) {
             toast.info('You have no NFTs to display!');
@@ -356,7 +357,6 @@ export const Gallery = () => {
             )
             }
 
-
         </Container >
 
     );