From d1997e89132c05f06da1b58a1c28f937ad2219d7 Mon Sep 17 00:00:00 2001
From: "dr.cat911" <dr.cat911@generative.xyz>
Date: Thu, 18 Jan 2024 14:36:35 +0700
Subject: [PATCH] update

---
 src/modules/landing/Componets/Hero/HeroLabel/index.tsx     | 5 +++--
 src/modules/landing/Componets/Hero/JoinAllowList/index.tsx | 3 ++-
 src/modules/landing/Componets/Hero/styles.module.scss      | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/modules/landing/Componets/Hero/HeroLabel/index.tsx b/src/modules/landing/Componets/Hero/HeroLabel/index.tsx
index 9c0ea8993..9b025963a 100644
--- a/src/modules/landing/Componets/Hero/HeroLabel/index.tsx
+++ b/src/modules/landing/Componets/Hero/HeroLabel/index.tsx
@@ -33,9 +33,10 @@ const DATA_HERO = [
 const DELAY = 1.8;
 
 export default function HeroLabel({ isMobile }: { isMobile?: boolean }) {
+  const delay = !isMobile ? DELAY  : 0;
   return (
     <div className={`container ${s.heroLabel} ${isMobile && s.heroLabel__mobile}`}>
-      <Fade delay={DELAY + .4}>
+      <Fade delay={delay + .4}>
         <div className={s.heroLabel_content}>
           <Image
             src={'/landing/svg/lego_icon_cube.svg'}
@@ -50,7 +51,7 @@ export default function HeroLabel({ isMobile }: { isMobile?: boolean }) {
       </Fade>
       <div className={`${s.heroLabel_listHero} ${isMobile && s.heroLabel_listHero__mobile}`}>
         {DATA_HERO.map((item, index) => {
-          return <ItemHero key={index} delay={DELAY + index / 10} data={item} />;
+          return <ItemHero key={index} delay={delay + index / 10} data={item} />;
         })}
       </div>
     </div>
diff --git a/src/modules/landing/Componets/Hero/JoinAllowList/index.tsx b/src/modules/landing/Componets/Hero/JoinAllowList/index.tsx
index aa20e4cc4..f47f3ec0f 100644
--- a/src/modules/landing/Componets/Hero/JoinAllowList/index.tsx
+++ b/src/modules/landing/Componets/Hero/JoinAllowList/index.tsx
@@ -7,6 +7,7 @@ import Chars from '@/interactive/Chars';
 import { getTopLeaderBoards } from '@/services/whitelist';
 import { ILeaderBoardPoint } from '@/interfaces/leader-board-point';
 import Image from 'next/image';
+import { formatCurrency } from '@/utils/format';
 
 
 const DELAY = 2;
@@ -83,7 +84,7 @@ const JoinAllowList = ({isFooter}: {isFooter?: boolean}) => {
                   {/*})}*/}
                 </div>
                 <div className={s.whiteList_total}>
-                  <span>{totalUser}&nbsp;people</span>&nbsp;are on the allowlist
+                  <span>{formatCurrency(totalUser, 0,0)}&nbsp;people</span>&nbsp;are on the allowlist
                 </div>
               </div>
             </Fade>
diff --git a/src/modules/landing/Componets/Hero/styles.module.scss b/src/modules/landing/Componets/Hero/styles.module.scss
index f1dec773c..7a9fbe63c 100644
--- a/src/modules/landing/Componets/Hero/styles.module.scss
+++ b/src/modules/landing/Componets/Hero/styles.module.scss
@@ -37,7 +37,7 @@
 }
 
 .hero_wrap__mobile {
-
+  background: white;
   @include is-pc {
     display: none;
   }