From 8b9e2cb5acd35bfaafd634be3b40d33aadafff37 Mon Sep 17 00:00:00 2001
From: 0xshiba1 <158560741+0xshiba1@users.noreply.github.com>
Date: Sat, 6 Jul 2024 09:29:54 +0800
Subject: [PATCH] swap page don't show deposited/borrowed for non-reserve
 assets

---
 frontend/src/pages/swap/[[...slug]].tsx | 70 +++++++++++++------------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/frontend/src/pages/swap/[[...slug]].tsx b/frontend/src/pages/swap/[[...slug]].tsx
index c47d0f88..fcb20d0d 100644
--- a/frontend/src/pages/swap/[[...slug]].tsx
+++ b/frontend/src/pages/swap/[[...slug]].tsx
@@ -742,44 +742,46 @@ function Page() {
                 </TBody>
               </div>
 
-              <div className="flex w-max flex-row items-center justify-end">
-                <div className="flex h-4 flex-col items-end justify-center">
-                  <div
-                    className={cn(
-                      "flex h-0 w-max flex-row items-center gap-2 opacity-0 transition-opacity duration-500",
-                      isShowingTokenOutDepositPosition && "opacity-100",
-                    )}
-                  >
-                    <TLabelSans>Deposited</TLabelSans>
-                    <TBody className="text-xs">
-                      {formatToken(tokenOutDepositPositionAmount, {
-                        exact: false,
-                      })}
-                    </TBody>
+              {hasTokenOutReserve && (
+                <div className="flex w-max flex-row items-center justify-end">
+                  <div className="flex h-4 flex-col items-end justify-center">
+                    <div
+                      className={cn(
+                        "flex h-0 w-max flex-row items-center gap-2 opacity-0 transition-opacity duration-500",
+                        isShowingTokenOutDepositPosition && "opacity-100",
+                      )}
+                    >
+                      <TLabelSans>Deposited</TLabelSans>
+                      <TBody className="text-xs">
+                        {formatToken(tokenOutDepositPositionAmount, {
+                          exact: false,
+                        })}
+                      </TBody>
+                    </div>
+
+                    <div
+                      className={cn(
+                        "flex h-0 w-max flex-row items-center gap-2 opacity-0 transition-opacity duration-500",
+                        !isShowingTokenOutDepositPosition && "opacity-100",
+                      )}
+                    >
+                      <TLabelSans>Borrowed</TLabelSans>
+                      <TBody className="text-xs">
+                        {formatToken(tokenOutBorrowPositionAmount, {
+                          exact: false,
+                        })}
+                      </TBody>
+                    </div>
                   </div>
 
-                  <div
-                    className={cn(
-                      "flex h-0 w-max flex-row items-center gap-2 opacity-0 transition-opacity duration-500",
-                      !isShowingTokenOutDepositPosition && "opacity-100",
-                    )}
+                  <TBody
+                    className="text-xs"
+                    style={{ marginLeft: `${7.2 * 1}px` }}
                   >
-                    <TLabelSans>Borrowed</TLabelSans>
-                    <TBody className="text-xs">
-                      {formatToken(tokenOutBorrowPositionAmount, {
-                        exact: false,
-                      })}
-                    </TBody>
-                  </div>
+                    {tokenOut.ticker}
+                  </TBody>
                 </div>
-
-                <TBody
-                  className="text-xs"
-                  style={{ marginLeft: `${7.2 * 1}px` }}
-                >
-                  {tokenOut.ticker}
-                </TBody>
-              </div>
+              )}
             </div>
           </div>