Remove session info from signup (#402)

cartridge-gg · Jun 20, 2024 · cc8b319 · cc8b319
1 parent 52abbc2
commit cc8b319
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/packages/keychain/src/components/connect/RegistrationLink.tsx b/packages/keychain/src/components/connect/RegistrationLink.tsx
@@ -23,6 +23,7 @@ export function RegistrationLink({
         fontWeight="medium"
         color="link.blue"
         fontSize="xs"
+        borderWidth={1}
       >
         {children}
       </Button>

diff --git a/packages/keychain/src/components/connect/Signup.tsx b/packages/keychain/src/components/connect/Signup.tsx
@@ -182,7 +182,7 @@ function Form({ isSlot, onLogin, onSuccess }: SignupProps) {
         </FormikField>
       </Content>
 
-      <Footer isSlot={isSlot} createSession>
+      <Footer isSlot={isSlot} isSignup>
         {error && (
           <ErrorAlert title="Login failed" description={error.message} />
         )}

diff --git a/packages/keychain/src/components/layout/Footer/index.tsx b/packages/keychain/src/components/layout/Footer/index.tsx
@@ -20,13 +20,16 @@ import { TransactionSummary } from "./TransactionSummary";
 import { isIframe } from "components/connect/utils";
 import { useConnection } from "hooks/connection";
 import { TOP_BAR_HEIGHT } from "../Container/Header/TopBar";
+import NextLink from "next/link";
 
 export function Footer({
   children,
   isSlot = false,
+  isSignup,
   createSession = false,
 }: React.PropsWithChildren & {
   isSlot?: boolean;
+  isSignup?: boolean;
   createSession?: boolean;
 }) {
   const { setFooterHeight } = useLayout();
@@ -35,8 +38,8 @@ export function Footer({
   const { isOpen, onToggle } = useDisclosure();
   const variant = useLayoutVariant();
   const isExpandable = useMemo(
-    () => !!origin && !!policies.length && variant === "connect",
-    [origin, policies, variant],
+    () => !!origin && !!policies.length && variant === "connect" && !isSignup,
+    [origin, policies, variant, isSignup],
   );
   const hostname = useMemo(
     () => (origin ? new URL(origin).hostname : undefined),
@@ -149,6 +152,9 @@ export function Footer({
           h={FOOTER_HEIGHT / 4}
           gap={1}
           opacity={0.5}
+          as={NextLink}
+          href="https://cartridge.gg"
+          target="_blank"
         >
           <Text fontSize="xs" color="currentColor">
             Controller by