From 2da222bd97540a0eb5aefb3efd2c93e1fafe3ce7 Mon Sep 17 00:00:00 2001
From: Justin <328965+justinbarry@users.noreply.github.com>
Date: Wed, 7 Feb 2024 18:00:16 -0800
Subject: [PATCH] Remove passkey/biometric button and make UI adjustments (#75)

close #72
---
 .changeset/shiny-pandas-repeat.md             |  5 +++++
 .../components/AbstraxionGrant/index.tsx      |  5 +----
 .../components/AbstraxionWallets/index.tsx    | 22 -------------------
 3 files changed, 6 insertions(+), 26 deletions(-)
 create mode 100644 .changeset/shiny-pandas-repeat.md

diff --git a/.changeset/shiny-pandas-repeat.md b/.changeset/shiny-pandas-repeat.md
new file mode 100644
index 00000000..070f9348
--- /dev/null
+++ 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
index 3cf07a89..454111be 100644
--- 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
index e40fbf49..eb324c28 100644
--- 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}