diff --git a/src/interfaces/leader-board-point.ts b/src/interfaces/leader-board-point.ts index 453f153a0..71692766d 100644 --- a/src/interfaces/leader-board-point.ts +++ b/src/interfaces/leader-board-point.ts @@ -19,4 +19,5 @@ export interface ILeaderBoardPoint { num_like: string; num_quote: string; num_post: string; + refer_point: string; } diff --git a/src/modules/Whitelist/leaderBoard/index.tsx b/src/modules/Whitelist/leaderBoard/index.tsx index 788f4b695..f04e3e1f6 100644 --- a/src/modules/Whitelist/leaderBoard/index.tsx +++ b/src/modules/Whitelist/leaderBoard/index.tsx @@ -17,6 +17,7 @@ import cs from 'clsx'; import { useAppSelector } from '@/stores/hooks'; import { commonSelector } from '@/stores/states/common/selector'; import BigNumber from 'bignumber.js'; +import SvgInset from '@/components/SvgInset'; const valueToClassName: any = { '10': 'boost_10', @@ -286,7 +287,7 @@ const LeaderBoard = () => { {data.need_active ? { } > - +
+ +
: } @@ -396,6 +399,60 @@ const LeaderBoard = () => { ); }, }, + { + id: 'refer', + label: ( + +

REFER

+ +

Gas spent is calculated from total gas fees paid on Bitcoin.

+
+ } + > + + + + ), + labelConfig, + config: { + borderBottom: 'none', + fontSize: '16px', + fontWeight: 500, + verticalAlign: 'middle', + letterSpacing: '-0.5px', + }, + render(data: ILeaderBoardPoint) { + return ( + + + + {formatCurrency(data?.refer_point, 0, 0)} + + + + ); + }, + }, { id: 'point', label: ( diff --git a/src/modules/Whitelist/leaderBoard/styles.module.scss b/src/modules/Whitelist/leaderBoard/styles.module.scss index 94d6d5a81..93d37dbc9 100644 --- a/src/modules/Whitelist/leaderBoard/styles.module.scss +++ b/src/modules/Whitelist/leaderBoard/styles.module.scss @@ -46,6 +46,10 @@ table { tr { height: 62px; } + th { + margin-right: 8px !important; + background-color: red !important; + } } .isActiveRow { background-color: #007659 !important; @@ -94,8 +98,9 @@ table { tbody { tr { - td { - max-width: 90vw; + td, th { + //max-width: 90vw; + min-width: 120px; } } } @@ -230,6 +235,15 @@ table { opacity: 0.7; } +.tooltipIconActive { + cursor: pointer; + svg { + path { + fill: white; + } + } +} + .timeLine { display: flex; justify-content: center; diff --git a/src/modules/Whitelist/steps/Step/index.tsx b/src/modules/Whitelist/steps/Step/index.tsx index 4d47223ab..d0653c73c 100644 --- a/src/modules/Whitelist/steps/Step/index.tsx +++ b/src/modules/Whitelist/steps/Step/index.tsx @@ -18,6 +18,8 @@ export interface IItemCommunity { desc: string, actionText: string, actionHandle: any, + actionTextSecond?: string, + actionHandleSecond?: any, isActive?: boolean, isDone?: boolean, step: MultiplierStep, @@ -56,7 +58,7 @@ export default function ItemCommunity({ return ( <>
- ic-section + ic-section @@ -70,23 +72,41 @@ export default function ItemCommunity({ {!!content?.actionText && ( - + }} + isLoading={isLoading} + > + {content?.actionText} + + {!!content.actionHandleSecond && ( + + )} + { step === MultiplierStep.authen && showManualCheck && ( { } const handleShareTwMore = async () => { - const shareUrl = getLink(''); + const shareUrl = getLink(user?.referral_code); let content = ''; - content = `Welcome to the future of Bitcoin with @bvmnetwork.\n\nBitcoin Virtual Machine is the first modular blockchain metaprotocol that lets you launch your Bitcoin L2 blockchain protocol in a few clicks.\n\n$BVM public sale starting soon.\n\nJoin the allowlist:`; + content = `Welcome to the future of Bitcoin with bvm.network\n\nLaunch your Bitcoin L2 blockchain easily with @bvmnetwork - first modular blockchain meta-protocol.\n\n$BVM public sale starting soon.\n\nJoin the allowlist:`; window.open( `https://twitter.com/intent/tweet?url=${shareUrl}&text=${encodeURIComponent( @@ -134,6 +134,8 @@ const Steps = () => { desc: 'Help us spread the mission of building the future of Bitcoin. Help us spread the mission of building the future of Bitcoin.', actionText: 'Copy link', actionHandle: handleShareRefferal, + actionTextSecond: 'Post', + actionHandleSecond: handleShareTwMore, isActive: !!token && !!user?.referral_code, step: MultiplierStep.post, image: "ic-x.svg", @@ -184,14 +186,6 @@ const Steps = () => { secretCode={authenCode?.secret_code} onSuccess={onVerifyTwSuccess} /> - { - setShowManualCheck(false); - }} - secretCode={authenCode?.secret_code} - onSuccess={onVerifyTwSuccess} - /> ); }; diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts index e8106448e..128ecdfe9 100644 --- a/src/utils/helpers.ts +++ b/src/utils/helpers.ts @@ -20,7 +20,7 @@ export const getLink = (referralCode?: string) => { return `${window.location.origin}${referral}`; }; -const REFERRAL_TEXT = 'referral' +const REFERRAL_TEXT = 'refer' export const shareReferralURL = (code: string) => { if (APP_ENV === 'production') { @@ -63,11 +63,11 @@ export const getReferralSearchURL = (referralCode?: string) => { if (!game_url && !referralCode) { return ''; } else if (game_url && referralCode) { - return `?referral=${referralCode}&${game_url}`; + return `?${REFERRAL_TEXT}=${referralCode}&${game_url}`; } else if (game_url && !referralCode) { return `?${game_url}`; } else if (referralCode && !game_url) { - return `?referral=${referralCode}`; + return `?${REFERRAL_TEXT}=${referralCode}`; } else { return ''; }