From 29f40268e0a53e810ccec35ccc76588c424a44bb Mon Sep 17 00:00:00 2001
From: chaojun <chaojun@opensquare.network>
Date: Tue, 3 Dec 2024 16:06:12 +0800
Subject: [PATCH 1/2] Update polkadot tab total value, #1401

---
 .../components/overview/content/summary.jsx   | 44 +++++++++++--------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/landing/src/components/overview/content/summary.jsx b/landing/src/components/overview/content/summary.jsx
index f3bf6c058..5d4d8b3da 100644
--- a/landing/src/components/overview/content/summary.jsx
+++ b/landing/src/components/overview/content/summary.jsx
@@ -48,25 +48,31 @@ export default function OverviewSummary({ chain = "" }) {
         </div>
 
         <div>
-          <SummaryItem
-            className="justify-between py-2"
-            title="Available"
-            icon={<ImageWithDark src="/imgs/data-available.svg" />}
-            content={
-              chain === "polkadot" ? (
-                <SummaryItemTokenAmount
-                  amount={treasuryData?.fiatValue}
-                  symbol={"USDT"}
+          {chain === "polkadot" ? (
+            <SummaryItem
+              className="justify-between py-2"
+              title="Total"
+              icon={<ImageWithDark src="/imgs/data-available.svg" />}
+              content={
+                <PolkadotSummaryItemContent
+                  fiatValue={treasuryData?.fiatValue}
                 />
-              ) : (
+              }
+            />
+          ) : (
+            <SummaryItem
+              className="justify-between py-2"
+              title="Available"
+              icon={<ImageWithDark src="/imgs/data-available.svg" />}
+              content={
                 <SummaryItemValueContent
                   amount={toPrecision(treasuryData?.balance, decimals, false)}
                   symbol={symbol}
                   symbolPrice={symbolPrice}
                 />
-              )
-            }
-          />
+              }
+            />
+          )}
           <SummaryItem
             className="justify-between py-2"
             title="Spend Period"
@@ -97,9 +103,7 @@ export default function OverviewSummary({ chain = "" }) {
               </div>
             }
           />
-
           <hr className="my-4" />
-
           <SummaryItem
             className="justify-between py-2"
             title="Total Income"
@@ -152,7 +156,10 @@ export default function OverviewSummary({ chain = "" }) {
 function SummaryItemValueContent({ amount = 0, symbol = "", symbolPrice = 0 }) {
   return (
     <div>
-      <SummaryItemTokenAmount amount={amount} symbol={symbol} />
+      <div className="flex items-center h3-18-semibold">
+        <div className="mr-1">{abbreviateBigNumber(amount)}</div>
+        <div className="text-textTertiary">{symbol}</div>
+      </div>
       <div className="text-textTertiary p-12-normal">
         {!!amount && "≈ "}${abbreviateBigNumber(amount * symbolPrice)}
       </div>
@@ -160,11 +167,10 @@ function SummaryItemValueContent({ amount = 0, symbol = "", symbolPrice = 0 }) {
   );
 }
 
-function SummaryItemTokenAmount({ amount = 0, symbol = "" }) {
+function PolkadotSummaryItemContent({ fiatValue = 0 }) {
   return (
     <div className="flex items-center h3-18-semibold">
-      <div className="mr-1">{abbreviateBigNumber(amount)}</div>
-      <div className="text-textTertiary">{symbol}</div>
+      <div className="mr-1">≈ ${abbreviateBigNumber(fiatValue)}</div>
     </div>
   );
 }

From 5ed398288cd8e1e616e5e5a04803355ca0d2fda1 Mon Sep 17 00:00:00 2001
From: chaojun <chaojun@opensquare.network>
Date: Tue, 3 Dec 2024 16:12:17 +0800
Subject: [PATCH 2/2] refactor, #1401

---
 .../components/overview/content/summary.jsx   | 58 +++++++++++--------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/landing/src/components/overview/content/summary.jsx b/landing/src/components/overview/content/summary.jsx
index 5d4d8b3da..76c9769a6 100644
--- a/landing/src/components/overview/content/summary.jsx
+++ b/landing/src/components/overview/content/summary.jsx
@@ -49,28 +49,12 @@ export default function OverviewSummary({ chain = "" }) {
 
         <div>
           {chain === "polkadot" ? (
-            <SummaryItem
-              className="justify-between py-2"
-              title="Total"
-              icon={<ImageWithDark src="/imgs/data-available.svg" />}
-              content={
-                <PolkadotSummaryItemContent
-                  fiatValue={treasuryData?.fiatValue}
-                />
-              }
-            />
+            <SummaryItemTotal fiatValue={treasuryData?.fiatValue} />
           ) : (
-            <SummaryItem
-              className="justify-between py-2"
-              title="Available"
-              icon={<ImageWithDark src="/imgs/data-available.svg" />}
-              content={
-                <SummaryItemValueContent
-                  amount={toPrecision(treasuryData?.balance, decimals, false)}
-                  symbol={symbol}
-                  symbolPrice={symbolPrice}
-                />
-              }
+            <SummaryItemAvailable
+              amount={toPrecision(treasuryData?.balance, decimals, false)}
+              symbol={symbol}
+              symbolPrice={symbolPrice}
             />
           )}
           <SummaryItem
@@ -153,6 +137,23 @@ export default function OverviewSummary({ chain = "" }) {
   );
 }
 
+function SummaryItemAvailable({ amount = 0, symbol = "", symbolPrice = 0 }) {
+  return (
+    <SummaryItem
+      className="justify-between py-2"
+      title="Available"
+      icon={<ImageWithDark src="/imgs/data-available.svg" />}
+      content={
+        <SummaryItemValueContent
+          amount={amount}
+          symbol={symbol}
+          symbolPrice={symbolPrice}
+        />
+      }
+    />
+  );
+}
+
 function SummaryItemValueContent({ amount = 0, symbol = "", symbolPrice = 0 }) {
   return (
     <div>
@@ -167,10 +168,17 @@ function SummaryItemValueContent({ amount = 0, symbol = "", symbolPrice = 0 }) {
   );
 }
 
-function PolkadotSummaryItemContent({ fiatValue = 0 }) {
+function SummaryItemTotal({ fiatValue = 0 }) {
   return (
-    <div className="flex items-center h3-18-semibold">
-      <div className="mr-1">≈ ${abbreviateBigNumber(fiatValue)}</div>
-    </div>
+    <SummaryItem
+      className="justify-between py-2"
+      title="Total"
+      icon={<ImageWithDark src="/imgs/data-available.svg" />}
+      content={
+        <div className="flex items-center h3-18-semibold">
+          <div className="mr-1">≈ ${abbreviateBigNumber(fiatValue)}</div>
+        </div>
+      }
+    />
   );
 }