Only show network alert once

maxpetretta · Aug 23, 2022 · 8d8d7da · 8d8d7da
1 parent 7652c68
commit 8d8d7da
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 16 deletions.
diff --git a/react/components/AppProvider.jsx b/react/components/AppProvider.jsx
@@ -13,7 +13,7 @@ export const AppProvider = ({ children }) => {
   const [confetti, setConfetti] = useState(false)
   useAccount({
     onSuccess(data) {
-      if (data) {
+      if (data && !address) {
         setAddress(data.address)
       }
     },

diff --git a/react/components/Editor.jsx b/react/components/Editor.jsx
@@ -18,7 +18,7 @@ export default function Editor() {
   const [price, setPrice] = useState(0)
   useAccount({
     onSuccess(data) {
-      if (data) {
+      if (data && !address) {
         setAddress(data.address)
       }
     },

diff --git a/react/components/Layout.jsx b/react/components/Layout.jsx
@@ -1,7 +1,7 @@
 import Head from "next/head"
 import { useRouter } from "next/router"
 import { useState } from "react"
-import toast, { Toaster } from "react-hot-toast"
+import { toast, Toaster } from "react-hot-toast"
 import { useAccount, useContractRead } from "wagmi"
 import { contractABI, contractAddress } from "../lib/contract.js"
 import Nav from "./Nav"
@@ -30,16 +30,19 @@ export default function Layout(props) {
         console.debug("Found authorized account: ", data.address)
 
         // Alert user to which networks are available
-        toast("Twitt3r only supports Goerli & Ropsten testnets!", {
-          duration: 8000,
-          position: "top-center",
-          style: {
-            color: "#FFFFFF",
-            backgroundColor: "#DC2626",
-            minWidth: "440px",
-          },
-          icon: "⚠️",
-        })
+        if (!sessionStorage.getItem("seenNetworkAlert")) {
+          toast("Twitt3r only supports Goerli & Ropsten testnets!", {
+            duration: 8000,
+            position: "top-center",
+            style: {
+              color: "#FFFFFF",
+              backgroundColor: "#DC2626",
+              minWidth: "440px",
+            },
+            icon: "⚠️",
+          })
+          sessionStorage.setItem("seenNetworkAlert", true)
+        }
 
         // Check if this is the owner's wallet
         if (

diff --git a/react/components/Nav.jsx b/react/components/Nav.jsx
@@ -8,7 +8,7 @@ export default function Nav() {
   const [address, setAddress] = useState("")
   useAccount({
     onSuccess(data) {
-      if (data) {
+      if (data && !address) {
         setAddress(data.address)
       }
     },

diff --git a/react/components/Tweet.jsx b/react/components/Tweet.jsx
@@ -30,7 +30,7 @@ export default function Tweet(props) {
   const { tweets } = useTweets()
   useAccount({
     onSuccess(data) {
-      if (data) {
+      if (data && !address) {
         setAddress(data.address)
       }
     },

diff --git a/react/pages/404.js b/react/pages/404.js
@@ -8,7 +8,7 @@ export default function Error404() {
   const [address, setAddress] = useState()
   useAccount({
     onSuccess(data) {
-      if (data) {
+      if (data && !address) {
         setAddress(data.address)
       }
     },