Remove passkey/biometric button and make UI adjustments (#75)

close #72
burnt-labs · Feb 8, 2024 · 2da222b · 2da222b
1 parent b2fae19
commit 2da222b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 26 deletions.
diff --git a/.changeset/shiny-pandas-repeat.md b/.changeset/shiny-pandas-repeat.md
@@ -0,0 +1,5 @@
+---
+"abstraxion-dashboard": patch
+---
+
+Remove passkey biometrics button, remove white avatar and update copy
diff --git a/apps/abstraxion-dashboard/components/AbstraxionGrant/index.tsx b/apps/abstraxion-dashboard/components/AbstraxionGrant/index.tsx
@@ -146,9 +146,6 @@ export const AbstraxionGrant = ({
         <>
           <div className="ui-mb-10 ui-flex ui-items-center ui-justify-center">
             <Image src={burntAvatar} alt="Burnt Avatar" />
-            <div className="ui-mx-6 ui-h-[1px] ui-w-10 ui-bg-white ui-opacity-20"></div>{" "}
-            {/* This is the divider */}
-            <div className="ui-h-16 ui-w-16 ui-bg-gray-300 ui-rounded-full"></div>
           </div>
           <div className="mb-4">
             <h1 className="ui-text-base ui-font-bold ui-leading-tight">
@@ -166,7 +163,7 @@ export const AbstraxionGrant = ({
                 <span className="ui-mr-2">
                   <CheckIcon color="white" />
                 </span>
-                View your basic profile info
+                Log you in to their app
               </li>
             </ul>
             <div className="ui-w-full ui-bg-white ui-opacity-20 ui-h-[1px] ui-mb-8" />

diff --git a/apps/abstraxion-dashboard/components/AbstraxionWallets/index.tsx b/apps/abstraxion-dashboard/components/AbstraxionWallets/index.tsx
@@ -100,17 +100,6 @@ export const AbstraxionWallets = () => {
     }
   };
 
-  const registerWebAuthn = useCallback(async () => {
-    try {
-      await stytchClient.webauthn.register({
-        domain: window.location.hostname,
-        session_duration_minutes: 60,
-      });
-    } catch (error) {
-      console.log(error);
-    }
-  }, [stytchClient]);
-
   if (error) {
     setAbstraxionError((error as Error).message);
     return null;
@@ -189,17 +178,6 @@ export const AbstraxionWallets = () => {
             </div>
           )}
           <div className="ui-flex ui-w-full ui-flex-col ui-items-center ui-gap-4">
-            {connectionType === "stytch" &&
-              user &&
-              user?.webauthn_registrations.length < 1 && (
-                <Button
-                  structure="outlined"
-                  fullWidth={true}
-                  onClick={registerWebAuthn}
-                >
-                  Add Passkey/Biometrics
-                </Button>
-              )}
             <Button
               structure="outlined"
               fullWidth={true}