fix: update overlay styles when switching address (#180)

ArdentHQ · Oct 12, 2023 · 742d767 · 742d767
1 parent 7364495
commit 742d767
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/resources/js/Components/Layout/LayoutWrapper.tsx b/resources/js/Components/Layout/LayoutWrapper.tsx
@@ -15,6 +15,7 @@ interface LayoutWrapperProperties extends HTMLAttributes<HTMLDivElement> {
     isMaintenanceModeActive?: boolean;
     belowHeader?: React.ReactNode;
     mustBeSigned?: boolean;
+    displayAuthOverlay?: boolean;
     showBackButton?: boolean;
 }
 
@@ -27,6 +28,7 @@ export const LayoutWrapper = ({
     toastMessage,
     isMaintenanceModeActive,
     mustBeSigned = false,
+    displayAuthOverlay = true,
     showBackButton = false,
 }: LayoutWrapperProperties): JSX.Element => {
     const { authenticated, showAuthOverlay, wallet, user, showCloseButton, closeOverlay } = useAuth({
@@ -52,13 +54,15 @@ export const LayoutWrapper = ({
                 />
             </header>
 
-            <AuthOverlay
-                show={showAuthOverlay}
-                showCloseButton={showCloseButton}
-                mustBeSigned={mustBeSigned}
-                closeOverlay={closeOverlay}
-                showBackButton={showBackButton}
-            />
+            {displayAuthOverlay && (
+                <AuthOverlay
+                    show={showAuthOverlay}
+                    showCloseButton={showCloseButton}
+                    mustBeSigned={mustBeSigned}
+                    closeOverlay={closeOverlay}
+                    showBackButton={showBackButton}
+                />
+            )}
 
             {belowHeader}
 

diff --git a/resources/js/Pages/Galleries/MyGalleries/Create.tsx b/resources/js/Pages/Galleries/MyGalleries/Create.tsx
@@ -14,6 +14,7 @@ import { GalleryNfts } from "@/Components/Galleries/Hooks/useGalleryNftsContext"
 import { NftGridEditable } from "@/Components/Galleries/NftGridEditable";
 import { LayoutWrapper } from "@/Components/Layout/LayoutWrapper";
 import { NoNftsOverlay } from "@/Components/Layout/NoNftsOverlay";
+import { useMetaMaskContext } from "@/Contexts/MetaMaskContext";
 import { useAuthorizedAction } from "@/Hooks/useAuthorizedAction";
 import { GalleryNameInput } from "@/Pages/Galleries/Components/GalleryNameInput";
 import { useGalleryForm } from "@/Pages/Galleries/hooks/useGalleryForm";
@@ -46,6 +47,7 @@ const Create = ({
     const { props } = usePage();
 
     const { signedAction } = useAuthorizedAction();
+    const { initialized } = useMetaMaskContext();
 
     const [isGalleryFormSliderOpen, setIsGalleryFormSliderOpen] = useState(false);
     const [gallerySliderActiveTab, setGallerySliderActiveTab] = useState<GalleryFormSliderTabs>();
@@ -103,6 +105,7 @@ const Create = ({
             withSlider
             toastMessage={props.toast}
             belowHeader={<NoNftsOverlay show={paginatedNfts.length === 0} />}
+            displayAuthOverlay={paginatedNfts.length > 0 && initialized}
         >
             <Head title={title} />