Merge pull request #80 from TrustlessComputer/feat/airdrop-naka

Feat/airdrop naka
TrustlessComputer · Jan 19, 2024 · a80c66c · a80c66c
2 parents 33827ab + 1d04cca
commit a80c66c
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 14 deletions.
diff --git a/src/modules/Whitelist/leaderBoard/index.tsx b/src/modules/Whitelist/leaderBoard/index.tsx
@@ -193,9 +193,7 @@ const LeaderBoard = () => {
                   name={data?.twitter_name || data?.twitter_username || ''}
                 />
                 <Flex width={'100%'} gap={'4px'} direction={'column'}>
-                  <Text className={styles.title}>
-                    {formatName(data?.twitter_name as string, 18)}
-                  </Text>
+                  <p className={styles.title}>{data?.twitter_name || ''}</p>
                   {data?.need_active && (
                     <Text className={styles.subTitle}>YOU</Text>
                   )}
@@ -431,7 +429,7 @@ const LeaderBoard = () => {
               gap: '4px',
             }}
           >
-            <p style={{ textTransform: 'uppercase' }}>MODULAR POINTS</p>
+            <p style={{ textTransform: 'uppercase' }}>MODULAR PTS</p>
             <Tooltip
               minW="220px"
               bg="white"

diff --git a/src/modules/Whitelist/leaderBoard/styles.module.scss b/src/modules/Whitelist/leaderBoard/styles.module.scss
@@ -116,6 +116,7 @@ table {
       color: black;
       overflow: hidden;
       text-overflow: ellipsis;
+      max-width: 200px;
     }
 
     .subTitle {

diff --git a/src/modules/Whitelist/stepAirdrop/index.tsx b/src/modules/Whitelist/stepAirdrop/index.tsx
@@ -45,7 +45,7 @@ const StepsAirdrop = () => {
     return [
       {
         title: 'New: Timechain',
-        desc: `Like and repost to enter a raffle for a Timechain (Inscription ID: 102269) - the first long-form generative art collection on Ordinals.
+        desc: `Like and repost to enter a raffle for a Timechain (Inscription ID: 39554) - the first long-form generative art collection on Ordinals.
         `,
         actionText: 'Like and repost',
         image: "time-chain.svg",
@@ -76,7 +76,7 @@ const StepsAirdrop = () => {
             </Tooltip>
           )
         },
-        expiredTime: '2024-01-22 08:00:00',
+        expiredTime: '2024-01-24 08:00:00',
         showExpireTime: true
       },
       {

diff --git a/src/modules/Whitelist/steps/index.tsx b/src/modules/Whitelist/steps/index.tsx
@@ -74,7 +74,7 @@ const Steps = () => {
 
   const onShareModular = () => {
     const shareUrl = getLink(user?.referral_code || '');
-    const content = `BUILD WHATEVER ON BITCOIN.\n\nAs a modular maxi (holding ${formatCurrency(new BigNumber(allowCelestia.amount.fee || '0').toFixed(2, BigNumber.ROUND_FLOOR), 0, 0)} TIA), I’m so excited to see Modular Blockchains arrive on Bitcoin.\n\nPowered by @BVMnetwork, you can deploy your own Bitcoin L2 chain with @Celestia and @Optimism in a few clicks.\n\n🤯🤯🤯\n`;
+    const content = `BUILD WHATEVER ON BITCOIN.\n\nAs a modular maxi (holding ${formatCurrency(new BigNumber(allowCelestia.amount.fee || '0').toFixed(2, BigNumber.ROUND_FLOOR), 0, 0)} TIA), I’m so excited to see Modular Blockchains arrive on Bitcoin.\n\nPowered by @BVMnetwork, you can deploy your own Bitcoin L2 chain with @CelestiaOrg and @Optimism in a few clicks.\n\n🤯🤯🤯\n`;
 
     window.open(
       `https://twitter.com/intent/tweet?url=${shareUrl}&text=${encodeURIComponent(
@@ -157,8 +157,8 @@ const Steps = () => {
       isActive: true,
       step: MultiplierStep.authen,
       right: {
-        title: !token ? '+1000 PTS' : '+1 PTS',
-        desc: !token ? 'first post' : 'per view'
+        title: !token ? '+1000 PTS' : '+1000 PTS',
+        desc: !token ? 'first post' : 'per 1000 view'
       },
       handleShowManualPopup: handleShowManualPopup,
     };

diff --git a/src/modules/Whitelist/stepsEco/Step/index.tsx b/src/modules/Whitelist/stepsEco/Step/index.tsx
@@ -6,6 +6,8 @@ import cx from 'clsx';
 import Image from 'next/image';
 import React, { useMemo } from 'react';
 import s from './styles.module.scss';
+import sanitizeHtml from 'sanitize-html';
+import { ALLOWED_ATTRIBUTES } from '@/constants/constants';
 
 export interface IItemCommunity {
   title: string;
@@ -54,7 +56,14 @@ export default function ItemCommunity({
             <Flex direction="column" w="100%">
               <div className={s.itemCommunity__title}>{content?.title}</div>
               {!!content?.desc && (
-                <div className={s.itemCommunity__desc}>{content?.desc}</div>
+                <div
+                  className={s.itemCommunity__desc}
+                  dangerouslySetInnerHTML={{
+                    __html: sanitizeHtml(content?.desc as string, {
+                      allowedAttributes: ALLOWED_ATTRIBUTES,
+                    }),
+                  }}
+                />
               )}
               {!!content?.actionText && (
                 <Flex direction="column" w="100%" mt="8px">

diff --git a/src/modules/Whitelist/stepsEco/index.tsx b/src/modules/Whitelist/stepsEco/index.tsx
@@ -23,7 +23,9 @@ const StepsEco = () => {
     return [
       {
         title: 'Share the word about NakaChain',
-        desc: 'Follow naka_chain, Post on X and tag @Naka_chain to climb the ranks.',
+        desc: `Follow naka_chain, Post on X and tag @Naka_chain to climb the ranks.
+        <a href='https://nakachain.xyz/' style='color: #FA4E0E' target='_blank'>Learn more ></a>
+        `,
         actionText: 'Post',
         image: 'ic-naka.svg',
         actionHandle: handleShareTw,
@@ -35,7 +37,9 @@ const StepsEco = () => {
       },
       {
         title: 'Swap and Add Liquidity on Naka Genesis',
-        desc: 'The higher the volume you make the more airdrop points you will get.',
+        desc: `The higher the volume you make the more airdrop points you will get.
+          <a href='https://nakachain.xyz/' style='color: #FA4E0E' target='_blank'>Learn more ></a>
+        `,
         actionText: 'Connect',
         image: 'ic-naka.svg',
         actionHandle: () => {
@@ -49,7 +53,9 @@ const StepsEco = () => {
       },
       {
         title: 'Play Satoshi\'s Gambit',
-        desc: 'Experience the first 3D fully on-chain game on Bitcoin. Play, have fun, and earn more points.',
+        desc: `Experience the first 3D fully on-chain game on Bitcoin. Play, have fun, and earn more points.
+          <a href='https://bitcoinarcade.xyz/' style='color: #FA4E0E' target='_blank'>Learn more ></a>
+        `,
         actionText: 'Play',
         image: 'bitcoin-arcade.svg',
         actionHandle: () => {
@@ -63,7 +69,9 @@ const StepsEco = () => {
       },
       {
         title: 'Crypto Bull Run',
-        desc: 'Run to get fit in reality, engage online in a Web3 environment, and raise funds for charity all at once!',
+        desc: `Run to get fit in reality, engage online in a Web3 environment, and raise funds for charity all at once!
+          <a href='https://alpha.wtf/' style='color: #FA4E0E' target='_blank'>Learn more ></a>
+        `,
         actionText: 'Run',
         image: 'alpha.svg',
         actionHandle: () => {