Hide network on sign in page

cartridge-gg · Dec 17, 2024 · c5a99f1 · c5a99f1
1 parent 8fba709
commit c5a99f1
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 3 deletions.
diff --git a/packages/keychain/src/components/connect/create/CreateController.tsx b/packages/keychain/src/components/connect/create/CreateController.tsx
@@ -46,6 +46,7 @@ export function CreateControllerView({
           : `Play ${theme.name}`
       }
       description="Connect your Controller"
+      hideNetwork
     >
       <form
         style={{ width: "100%" }}

diff --git a/packages/keychain/src/components/layout/Container/Header/TopBar.tsx b/packages/keychain/src/components/layout/Container/Header/TopBar.tsx
@@ -9,10 +9,16 @@ import { useMemo } from "react";
 export type TopBarProps = {
   onBack?: () => void;
   hideAccount?: boolean;
+  hideNetwork?: boolean;
   onClose?: () => void;
 };
 
-export function TopBar({ onBack, hideAccount, onClose }: TopBarProps) {
+export function TopBar({
+  onBack,
+  hideAccount,
+  hideNetwork,
+  onClose,
+}: TopBarProps) {
   const { openSettings, context } = useConnection();
   const showSettings = useMemo(
     () => !context || !["connect", "open-settings"].includes(context.type),
@@ -40,9 +46,10 @@ export function TopBar({ onBack, hideAccount, onClose }: TopBarProps) {
 
       <Spacer />
 
+      {!hideNetwork && <NetworkStatus />}
+
       {!hideAccount && (
         <>
-          <NetworkStatus />
           {/* {!!address && (
             <>
               <EthBalance chainId={chainId} address={address} />

diff --git a/packages/keychain/src/components/layout/Container/Header/index.tsx b/packages/keychain/src/components/layout/Container/Header/index.tsx
@@ -6,14 +6,20 @@ export type HeaderProps = TopBarProps & BannerProps;
 
 export function Header({
   onBack,
+  hideNetwork,
   hideAccount,
   onClose,
   ...bannerProps
 }: HeaderProps & { onClose?: () => void }) {
   return (
     <Box position="sticky" top={0} w="full" zIndex={1} bg="solid.bg">
       <Banner {...bannerProps} />
-      <TopBar onBack={onBack} onClose={onClose} hideAccount={hideAccount} />
+      <TopBar
+        onBack={onBack}
+        onClose={onClose}
+        hideAccount={hideAccount}
+        hideNetwork={hideNetwork}
+      />
     </Box>
   );
 }
diff --git a/packages/keychain/src/components/layout/Container/index.tsx b/packages/keychain/src/components/layout/Container/index.tsx
@@ -15,6 +15,7 @@ export function Container({
   onBack,
   onClose,
   hideAccount,
+  hideNetwork,
   Icon,
   icon,
   title,
@@ -31,6 +32,7 @@ export function Container({
         onBack={onBack}
         onClose={onClose}
         hideAccount={hideAccount}
+        hideNetwork={hideNetwork}
         Icon={Icon}
         icon={icon}
         title={title}