From f26958b0cfacd5b39829fc43236ae064dae7d44b Mon Sep 17 00:00:00 2001
From: Maxime Beauchamp <15185355+baktun14@users.noreply.github.com>
Date: Fri, 23 Aug 2024 09:57:16 -0400
Subject: [PATCH] fix: console your account (#328)

---
 .../src/components/deployments/LeaseRow.tsx   | 50 +++++++++----------
 .../src/components/home/YourAccount.tsx       |  2 +-
 .../src/components/layout/WalletStatus.tsx    |  4 +-
 3 files changed, 27 insertions(+), 29 deletions(-)

diff --git a/apps/deploy-web/src/components/deployments/LeaseRow.tsx b/apps/deploy-web/src/components/deployments/LeaseRow.tsx
index 5fe526d55..858e94aee 100644
--- a/apps/deploy-web/src/components/deployments/LeaseRow.tsx
+++ b/apps/deploy-web/src/components/deployments/LeaseRow.tsx
@@ -192,7 +192,7 @@ export const LeaseRow = React.forwardRef<AcceptRefType, Props>(({ lease, setActi
       </CardHeader>
       <CardContent className="pt-4">
         <div className="space-y-2">
-          <div className="">
+          <div className="mb-4">
             <SpecDetail
               cpuAmount={lease.cpuAmount}
               gpuAmount={lease.gpuAmount}
@@ -213,33 +213,31 @@ export const LeaseRow = React.forwardRef<AcceptRefType, Props>(({ lease, setActi
             }
           />
 
-          {isLeaseActive && (
-            <LabelValueOld
-              label="Provider:"
-              value={
-                <>
-                  {isLoadingProviderStatus && <Spinner size="small" />}
-                  {providerStatus && (
+          <LabelValueOld
+            label="Provider:"
+            value={
+              <>
+                {isLeaseActive && isLoadingProviderStatus && <Spinner size="small" />}
+                {provider && (
+                  <div className="flex items-center space-x-2">
+                    <Link href={UrlService.providerDetail(lease.provider)}>
+                      {provider.name?.length > 25 ? getSplitText(provider.name, 10, 10) : provider.name}
+                    </Link>
+
                     <div className="flex items-center space-x-2">
-                      <Link href={UrlService.providerDetail(lease.provider)}>
-                        {providerStatus.name?.length > 25 ? getSplitText(providerStatus.name, 10, 10) : providerStatus.name}
-                      </Link>
-
-                      <div className="flex items-center space-x-2">
-                        <FavoriteButton isFavorite={isFavorite} onClick={onStarClick} />
-
-                        {provider?.isAudited && (
-                          <div className="ml-2">
-                            <AuditorButton provider={provider} />
-                          </div>
-                        )}
-                      </div>
+                      <FavoriteButton isFavorite={isFavorite} onClick={onStarClick} />
+
+                      {provider?.isAudited && (
+                        <div className="ml-2">
+                          <AuditorButton provider={provider} />
+                        </div>
+                      )}
                     </div>
-                  )}
-                </>
-              }
-            />
-          )}
+                  </div>
+                )}
+              </>
+            }
+          />
         </div>
 
         {isLeaseNotFound && (
diff --git a/apps/deploy-web/src/components/home/YourAccount.tsx b/apps/deploy-web/src/components/home/YourAccount.tsx
index 696095532..ac57940d9 100644
--- a/apps/deploy-web/src/components/home/YourAccount.tsx
+++ b/apps/deploy-web/src/components/home/YourAccount.tsx
@@ -113,7 +113,7 @@ export const YourAccount: React.FunctionComponent<Props> = ({ balances, isLoadin
         label: "Balance",
         denom: usdcIbcDenom,
         denomLabel: "USDC",
-        value: isManagedWallet && envConfig.NEXT_PUBLIC_MANAGED_WALLET_DENOM === "usdc" ? balances.balanceUsdc + managedWalletCreditAmount : balances.balance,
+        value: isManagedWallet && envConfig.NEXT_PUBLIC_MANAGED_WALLET_DENOM === "usdc" ? balances.balanceUsdc + managedWalletCreditAmount : balances.balanceUsdc,
         color: colors.balance_usdc
       },
       {
diff --git a/apps/deploy-web/src/components/layout/WalletStatus.tsx b/apps/deploy-web/src/components/layout/WalletStatus.tsx
index 4c1174cdf..7cc846dbe 100644
--- a/apps/deploy-web/src/components/layout/WalletStatus.tsx
+++ b/apps/deploy-web/src/components/layout/WalletStatus.tsx
@@ -125,8 +125,8 @@ export function WalletStatus() {
           </>
         )
       ) : (
-        <div className="pl-2 pr-2">
-          <Spinner size="small" />
+        <div className="flex items-center justify-center p-4">
+          <Spinner size="medium" />
         </div>
       )}
     </>