From 8a63b9f2abfa78934f5404ae4dbcb182de771c66 Mon Sep 17 00:00:00 2001
From: yunusabdul <yunusabdulmajidyunus38@gmail.com>
Date: Thu, 14 Nov 2024 01:54:50 +0100
Subject: [PATCH] Add skeleton for porfolio value sum

---
 components/UI/profileCard/profileCard.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/UI/profileCard/profileCard.tsx b/components/UI/profileCard/profileCard.tsx
index 2a164ef1..ebf6f4a7 100644
--- a/components/UI/profileCard/profileCard.tsx
+++ b/components/UI/profileCard/profileCard.tsx
@@ -165,7 +165,7 @@ const ProfileCard: FunctionComponent<ProfileCardProps> = ({
             {identity.domain?.domain || 'Unknown Domain'}
           </Typography>
           <div className={styles.address_div}>
-            <div className='flex items-center gap-2'>
+            <div className='flex items-center gap-2 h-6'>
                   <Loading isLoading={totalBalance === null}>
                    <Typography
                 type={TEXT_TYPE.BODY_SMALL}
@@ -185,13 +185,15 @@ const ProfileCard: FunctionComponent<ProfileCardProps> = ({
                   />
                 )}
               </Typography>
-              <div
-                onClick={() => setHidePortfolio(!hidePortfolio)}
-                className='cursor-pointer'
-              >
-                {hidePortfolio ? <EyeIconSlashed /> : <EyeIcon />}
-              </div>
                   </Loading>
+                <Loading isLoading={totalBalance === null} loadingType='spinner'>
+                <div
+                  onClick={() => setHidePortfolio(!hidePortfolio)}
+                  className='cursor-pointer'
+                >
+                  {hidePortfolio ? <EyeIconSlashed /> : <EyeIcon />}
+                </div>
+                </Loading>
             </div>
           </div>
           <div className='flex sm:hidden justify-center py-4'>