From 4c53855e35e29449111f278cfe8e329496ad4d0a Mon Sep 17 00:00:00 2001
From: camewell <130561684+camewell071@users.noreply.github.com>
Date: Tue, 30 Jan 2024 09:29:16 +0700
Subject: [PATCH 1/2] chore: update ui

---
 src/modules/PublicSale/roadmap/index.tsx          | 10 ++++------
 src/modules/PublicSale/roadmap/styles.module.scss |  5 +++++
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/modules/PublicSale/roadmap/index.tsx b/src/modules/PublicSale/roadmap/index.tsx
index bed12ed19..d25326847 100644
--- 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,7 +36,6 @@ 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/>'
       },
       {
@@ -45,7 +43,6 @@ const RoadmapModule = () => {
         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
index 1c00f4487..83eb3e951 100644
--- 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);
+  }
 }

From c8430bf06fddcfaf7908060838fa556cddb2279c Mon Sep 17 00:00:00 2001
From: camewell <130561684+camewell071@users.noreply.github.com>
Date: Tue, 30 Jan 2024 09:31:20 +0700
Subject: [PATCH 2/2] chore: update ui

---
 src/modules/PublicSale/raffleButton/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/PublicSale/raffleButton/index.tsx b/src/modules/PublicSale/raffleButton/index.tsx
index fd9bf61a1..2904c8a1e 100644
--- 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">