Merge branch 'feat/whitelist_munual' into develop

TrustlessComputer · Jan 30, 2024 · a53c115 · a53c115
2 parents fe5aae5 + c8430bf
commit a53c115
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/src/modules/PublicSale/raffleButton/index.tsx b/src/modules/PublicSale/raffleButton/index.tsx
@@ -109,7 +109,7 @@ const RaffleButton = ({className}: any) => {
                       <Box >{raffleCode}</Box>
                     </Flex>
                   ) : (
-                    <Flex className={cx(s.learnMoreWrapper, !token ? s.isDisable : '')} gap={3} onClick={handleShareTw}>
+                    <Flex className={cx(s.learnMoreWrapper, !token ? s.isDisable : '')} gap={3} onClick={handleShareTw} cursor="pointer">
                       <Text>Get raffle code</Text>
                       <Center w={"28px"} height={"28px"} bgColor={"#FA4E0E"}>
                         <svg width="30" height="29" viewBox="0 0 30 29" fill="none" xmlns="http://www.w3.org/2000/svg">

diff --git a/src/modules/PublicSale/roadmap/index.tsx b/src/modules/PublicSale/roadmap/index.tsx
@@ -28,7 +28,6 @@ const RoadmapModule = () => {
         title: 'Added EVM to Bitcoin',
         button: 'Learn more',
         link: 'https://twitter.com/punk3700/status/1628406581510676480',
-        isDone: true,
         desc: '• Deployed smart contracts on Bitcoin<br/>• Built BVM as EVM-equivalent Layer 1 on Bitcoin<br/>• Expand Bitcoin’s utility beyond being just a currency'
       },
       {
@@ -37,15 +36,13 @@ const RoadmapModule = () => {
         title: 'Deployed Uniswap on Bitcoin',
         button: 'Learn more',
         link: 'https://twitter.com/punk3700/status/1654532883388977158',
-        isDone: true,
         desc: '• Built a DEX on Bitcoin using Uniswap smart contracts<br/>• An early example of DeFi on Bitcoin<br/>'
       },
       {
         color: '#E64790',
         time: 'Sep 2023',
         title: 'Deployed Optimism on Bitcoin',
         button: 'Learn more',
-        isDone: true,
         link: 'https://twitter.com/punk3700/status/1699821767781658669',
         desc: '• Scaled up Bitcoin using OP rollups<br/>• This enabled Bitcoin L2s with high speed and low gas'
       },
@@ -54,7 +51,6 @@ const RoadmapModule = () => {
         time: 'Oct 2023',
         title: 'The First Bitcoin L2',
         button: 'Learn more',
-        isDone: true,
         desc: '• Alpha Chain is the first Bitcoin L2 powered by BVM<br/>• It hosts Alpha app - the second biggest SocialFi dapp by TVL<br/>• It facilitates $36M+ in volume & 1M+ transactions so far',
         link: 'https://twitter.com/punk3700/status/1703819001510682709'
       },
@@ -102,8 +98,10 @@ const RoadmapModule = () => {
   }, [])
 
   const renderItem = (item: IRoadMap, index: number) => {
+    const isDone = index < 4;
+    const isFeature = index > 4;
     return (
-      <GridItem className={cs(s.item, {[s.item__public]: index === 4})}>
+      <GridItem className={cs(s.item, {[s.item__public]: index === 4, [s.item__feature]: isFeature})}>
         <Box
           bg={item.color}
           width={{ base: "32px", md: "48px" }}
@@ -120,7 +118,7 @@ const RoadmapModule = () => {
             <Text color="black" fontSize="12px" fontWeight="400" lineHeight="140%">{item.time}</Text>
             <Flex alignItems="center" gap="6px">
               <Text color="black" fontWeight="400" lineHeight="140%" mt="4px">{item.title}</Text>
-              {!!item.isDone && (
+              {!!isDone && (
                 <span><SvgInset svgUrl={`${CDN_URL_ICONS}/check-green.svg`} /></span>
               )}
             </Flex>

diff --git a/src/modules/PublicSale/roadmap/styles.module.scss b/src/modules/PublicSale/roadmap/styles.module.scss
@@ -19,4 +19,9 @@
     border: 1px solid rgba(142, 81, 223, 0.30);
     background: rgba(142, 81, 223, 0.06);
   }
+
+  &__feature {
+    border: 1px solid #ECECEC;
+    background: rgba(246, 246, 246, 0.80);
+  }
 }