Merge branch 'sett/hero-v1000'

TrustlessComputer · Jan 18, 2024 · bb892d4 · bb892d4
2 parents 56760aa + d1997e8
commit bb892d4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -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
@@ -37,7 +37,7 @@
 }
 
 .hero_wrap__mobile {
-
+  background: white;
   @include is-pc {
     display: none;
   }