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 (
<>
-
+
@@ -70,23 +72,41 @@ export default function ItemCommunity({
{!!content?.actionText && (
-
+ {!!content.actionHandleSecond && (
+ {
+ if (content?.actionHandleSecond && isRunning && !isLoading) {
+ content?.actionHandleSecond();
+ if (step === MultiplierStep.authen) {
+ setTimeout(() => {
+ setShowManualCheck(true);
+ }, 3000);
+ }
+ }
+ }}
+ >
+ {content?.actionTextSecond}
+
+ )}
+
{
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 '';
}