NTT page fixed (#932)

XLabs · Jan 31, 2025 · 8c5e83a · 8c5e83a
1 parent 39dae9e
commit 8c5e83a
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 16 deletions.
diff --git a/src/pages/Analytics/NTT/NTTToken/RecentTransactions.tsx b/src/pages/Analytics/NTT/NTTToken/RecentTransactions.tsx
@@ -162,7 +162,9 @@ export const RecentTransactions = ({
                       +data?.content?.payload?.nttMessage?.trimmedAmount?.amount / 1000000,
               )}
             </span>
-            <img src={tokenIcon} alt={`${data?.data?.symbol} Token`} width="16" height="16" />
+            {tokenIcon && (
+              <img src={tokenIcon} alt={`${data?.data?.symbol} Token`} width="16" height="16" />
+            )}
             {data?.data?.usdAmount && (
               <span className="usd">(${formatNumber(+data?.data?.usdAmount, 2)})</span>
             )}

diff --git a/src/pages/Analytics/NTT/NTTToken/Summary.tsx b/src/pages/Analytics/NTT/NTTToken/Summary.tsx
@@ -191,7 +191,7 @@ const ContractsList = ({
   summary: GetSummaryResult;
   environment: Environment;
 }) => {
-  const platforms = Object.entries(summary.platforms).filter(([chain]) =>
+  const platforms = Object.entries(summary?.platforms || {}).filter(([chain]) =>
     [
       "solana",
       "ethereum",

diff --git a/src/pages/PrivacyPolicy/index.tsx b/src/pages/PrivacyPolicy/index.tsx
@@ -57,6 +57,12 @@ const PrivacyPolicy = () => {
     };
   }, [activeSection]);
 
+  const handleShowContents = () => {
+    if (!isDesktop) {
+      setShowContentsMobile(!showContentsMobile);
+    }
+  };
+
   return (
     <BaseLayout showTopHeader={isDesktop}>
       <div className="terms-of-use">
@@ -494,11 +500,12 @@ const PrivacyPolicy = () => {
         </div>
 
         <div className="terms-of-use-aside">
-          <div className={`terms-of-use-aside-container ${showContentsMobile ? "show" : ""}`}>
-            <h3
-              className="terms-of-use-aside-container-title"
-              onClick={() => setShowContentsMobile(!showContentsMobile)}
-            >
+          <div
+            className={`terms-of-use-aside-container ${
+              !isDesktop && showContentsMobile ? "show" : ""
+            }`}
+          >
+            <h3 className="terms-of-use-aside-container-title" onClick={handleShowContents}>
               <span className="terms-of-use-aside-container-title-mobile">
                 {t(tableOfContents.find(item => item.id === activeSection)?.text) ||
                   t("privacyPolicy.header.list.title")}

diff --git a/src/pages/TermsOfUse/index.tsx b/src/pages/TermsOfUse/index.tsx
@@ -64,6 +64,12 @@ const TermsOfUse = () => {
     };
   }, [activeSection]);
 
+  const handleShowContents = () => {
+    if (!isDesktop) {
+      setShowContentsMobile(!showContentsMobile);
+    }
+  };
+
   return (
     <BaseLayout showTopHeader={isDesktop}>
       <div className="terms-of-use">
@@ -628,11 +634,12 @@ const TermsOfUse = () => {
         </div>
 
         <div className="terms-of-use-aside">
-          <div className={`terms-of-use-aside-container ${showContentsMobile ? "show" : ""}`}>
-            <h3
-              className="terms-of-use-aside-container-title"
-              onClick={() => setShowContentsMobile(!showContentsMobile)}
-            >
+          <div
+            className={`terms-of-use-aside-container ${
+              !isDesktop && showContentsMobile ? "show" : ""
+            }`}
+          >
+            <h3 className="terms-of-use-aside-container-title" onClick={handleShowContents}>
               <span className="terms-of-use-aside-container-title-mobile">
                 {t(tableOfContents.find(item => item.id === activeSection)?.text) ||
                   t("termsOfUse.page.header.list.title")}

diff --git a/src/pages/TermsOfUse/styles.scss b/src/pages/TermsOfUse/styles.scss
@@ -167,10 +167,6 @@
           justify-content: space-between;
           max-height: calc(100svh - 49px);
           padding: 24px 0;
-
-          @include desktop {
-            padding: 0;
-          }
         }
       }