From 7bd3dea5b11bcac74f843de212b244855540c72f Mon Sep 17 00:00:00 2001
From: camewell <130561684+camewell071@users.noreply.github.com>
Date: Fri, 2 Feb 2024 16:27:56 +0700
Subject: [PATCH 1/3] chore: update code

---
 .../activities/AcitivitiesVer2/index.tsx       | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/modules/PublicSale/activities/AcitivitiesVer2/index.tsx b/src/modules/PublicSale/activities/AcitivitiesVer2/index.tsx
index a3f6ffc48..e5bb1959f 100644
--- a/src/modules/PublicSale/activities/AcitivitiesVer2/index.tsx
+++ b/src/modules/PublicSale/activities/AcitivitiesVer2/index.tsx
@@ -25,6 +25,8 @@ enum ActivityType {
   AI
 }
 
+const MODULAR_TW_LINK = "https://twitter.com/BVMnetwork/status/1752952381007171646";
+
 export interface GameItemProps {
   title: string;
   subTitle?: string;
@@ -32,7 +34,8 @@ export interface GameItemProps {
   ctas?: ICTA[];
   banner?: string,
   link?: string,
-  type: ActivityType
+  type: ActivityType,
+  bannerLink?: string
 }
 
 const GAME_LINK = {
@@ -161,6 +164,7 @@ const ActivitiesVer2 = React.memo(() => {
         banner: 'banner-03.png',
         link: GAME_LINK.MODULAR,
         type: ActivityType.Modular,
+        bannerLink: MODULAR_TW_LINK
       },
       {
         title: 'SocialFi on Bitcoin',
@@ -269,9 +273,13 @@ const ActivitiesVer2 = React.memo(() => {
       }
     }
     if (!component1 && !component2) return <></>;
+    const isModular = type === ActivityType.Modular;
 
     return (
-      <Flex alignItems="center" gap="8px">
+      <Flex alignItems="center" gap="8px" cursor={isModular ? "pointer" : "unset"} onClick={() => {
+        if(!isModular) return;
+        window.open(MODULAR_TW_LINK, "_blank")
+      }}>
         {!!component1 && (
           component1
         )}
@@ -283,7 +291,7 @@ const ActivitiesVer2 = React.memo(() => {
         )}
       </Flex>
     )
-  }, []);
+  }, [numberReport]);
 
   const renderItem = (item: GameItemProps) => {
     return (
@@ -300,9 +308,9 @@ const ActivitiesVer2 = React.memo(() => {
         </div>
         <div className={styles.container_item_media}>
           {!!item.banner && (
-            !!item.link ?
+            (!!item.link || !!item.bannerLink) ?
               (
-                <a href={item.link || ""} target='_blank'>
+                <a href={item.bannerLink || item.link || ""} target='_blank'>
                   <Image draggable={false} src={`public-sale/${item.banner}`} style={{ width: "100%" }}  alt="banner"/>
                 </a>
               ) :

From 808d71521f31903715fa8d9e9b6395496ba96e61 Mon Sep 17 00:00:00 2001
From: camewell <130561684+camewell071@users.noreply.github.com>
Date: Fri, 2 Feb 2024 16:31:59 +0700
Subject: [PATCH 2/3] chore: update ui mobile

---
 .../activities/AcitivitiesVer2/styles.module.scss           | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/modules/PublicSale/activities/AcitivitiesVer2/styles.module.scss b/src/modules/PublicSale/activities/AcitivitiesVer2/styles.module.scss
index eed14caff..74734a910 100644
--- a/src/modules/PublicSale/activities/AcitivitiesVer2/styles.module.scss
+++ b/src/modules/PublicSale/activities/AcitivitiesVer2/styles.module.scss
@@ -35,6 +35,12 @@
       justify-content: space-between;
       padding: 10px 16px;
       border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+      @include is-mobile {
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: flex-start;
+        gap: 8px;
+      }
     }
     &_content {
       padding: 12px 12px 12px 34px;

From 7eea99e1bd52fd3b0a2623aa70aa464d0f46fb45 Mon Sep 17 00:00:00 2001
From: camewell <130561684+camewell071@users.noreply.github.com>
Date: Fri, 2 Feb 2024 16:36:37 +0700
Subject: [PATCH 3/3] chore: update code

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

diff --git a/src/modules/PublicSale/activities/AcitivitiesVer2/index.tsx b/src/modules/PublicSale/activities/AcitivitiesVer2/index.tsx
index e5bb1959f..9f8f22304 100644
--- a/src/modules/PublicSale/activities/AcitivitiesVer2/index.tsx
+++ b/src/modules/PublicSale/activities/AcitivitiesVer2/index.tsx
@@ -328,7 +328,7 @@ const ActivitiesVer2 = React.memo(() => {
       <Flex flexDir="column" gap="20px" className={styles.container}>
         <Flex id="HEADER" flexDir="column" className={styles.container_header}>
           <Text color="white" fontSize={{ base: "18px", md: "24px" }} lineHeight="140%">
-            BITCOIN L2 HOPPING WEEKEND
+            BITCOIN L2 HOPPING WEEKEND.
           </Text>
           <Text color="white" fontSize={{ base: "18px", md: "24px" }} lineHeight="140%" opacity={0.7}>
             EXPLORE BITCOIN LIKE NEVER BEFORE.