fix: show user truncated address in profile and propose to KYC & sign…

…-in if no email
peanutprotocol · Oct 2, 2024 · 163eb01 · 163eb01
1 parent abf32f3
commit 163eb01
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 18 deletions.
diff --git a/src/components/Kyc/index.tsx b/src/components/Kyc/index.tsx
@@ -68,7 +68,7 @@ export const KYCComponent = () => {
                 </div>
             ) : (
                 <GlobalKYCComponent
-                    intialStep={user ? 1 : 0}
+                    intialStep={user?.user?.email ? 1 : 0}
                     offrampForm={{
                         email: user?.user?.email ?? '',
                         name: user?.user?.full_name ?? '',

diff --git a/src/components/Profile/index.tsx b/src/components/Profile/index.tsx
@@ -390,24 +390,23 @@ export const Profile = () => {
                                         }}
                                     />
 
-                                    {user?.user?.email && (
-                                        <span className="flex justify-center gap-1 text-h8 font-normal">
-                                            {user?.user?.email}
-                                            <div className={`flex flex-row items-center justify-center `}>
-                                                <div
-                                                    className={`kyc-badge select-none ${user?.user?.kycStatus === 'verified' ? 'bg-kyc-green px-2 py-1 text-black' : 'bg-gray-1 text-white hover:ring-2 hover:ring-gray-2'} w-max`}
-                                                >
-                                                    {user?.user?.kycStatus === 'verified' ? (
-                                                        'KYC'
-                                                    ) : (
-                                                        <Link className="px-2 py-1" href={'/kyc'}>
-                                                            NO KYC
-                                                        </Link>
-                                                    )}
-                                                </div>
+                                    <span className="flex justify-center gap-1 text-h8 font-normal">
+                                        {user?.user?.email ??
+                                            utils.shortenAddressLong(user.accounts[0].account_identifier)}
+                                        <div className={`flex flex-row items-center justify-center `}>
+                                            <div
+                                                className={`kyc-badge select-none ${user?.user?.kycStatus === 'verified' ? 'bg-kyc-green px-2 py-1 text-black' : 'bg-gray-1 text-white hover:ring-2 hover:ring-gray-2'} w-max`}
+                                            >
+                                                {user?.user?.kycStatus === 'verified' ? (
+                                                    'KYC'
+                                                ) : (
+                                                    <Link className="px-2 py-1" href={'/kyc'}>
+                                                        NO KYC
+                                                    </Link>
+                                                )}
                                             </div>
-                                        </span>
-                                    )}
+                                        </div>
+                                    </span>
                                 </div>
                             </div>
                             <button className="btn btn-xl h-8 w-full" onClick={handleLogout}>