Skip to content

F
frontend
Commit e1ca14e5 authored by Max Alekseenko's avatar Max Alekseenko Committed by GitHub
Browse files
Options

Update Merits dashboard (#2456)

parent 87389a4e
Hide whitespace changes
Inline Side-by-side
Showing with 713 additions and 337 deletions
configs/envs/.env.eth_sepolia
View file @ e1ca14e5
......@@ -62,10 +62,10 @@ NEXT_PUBLIC_NETWORK_VERIFICATION_TYPE=validation
NEXT_PUBLIC_OG_ENHANCED_DATA_ENABLED=true
NEXT_PUBLIC_OG_IMAGE_URL=https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/og-images/sepolia-testnet.png
NEXT_PUBLIC_OTHER_LINKS=[{'url':'https://sepolia.drpc.org?ref=559183','text':'Public RPC'}]
NEXT_PUBLIC_REWARDS_SERVICE_API_HOST=https://merits.blockscout.com
NEXT_PUBLIC_REWARDS_SERVICE_API_HOST=https://points.k8s-dev.blockscout.com
NEXT_PUBLIC_SAFE_TX_SERVICE_URL=https://safe-transaction-sepolia.safe.global
NEXT_PUBLIC_STATS_API_HOST=https://stats-sepolia.k8s.blockscout.com
NEXT_PUBLIC_TRANSACTION_INTERPRETATION_PROVIDER=noves
NEXT_PUBLIC_VIEWS_CONTRACT_SOLIDITYSCAN_ENABLED=true
NEXT_PUBLIC_VISUALIZE_API_HOST=https://visualizer.services.blockscout.com
NEXT_PUBLIC_XSTAR_SCORE_URL=https://docs.xname.app/the-solution-adaptive-proof-of-humanity-on-blockchain/xhs-scoring-algorithm?utm_source=blockscout&utm_medium=address
\ No newline at end of file
NEXT_PUBLIC_XSTAR_SCORE_URL=https://docs.xname.app/the-solution-adaptive-proof-of-humanity-on-blockchain/xhs-scoring-algorithm?utm_source=blockscout&utm_medium=address
mocks/rewards/dailyReward.ts
View file @ e1ca14e5
......@@ -3,7 +3,10 @@ import type { RewardsUserDailyCheckResponse } from 'types/api/rewards';
export const base: RewardsUserDailyCheckResponse = {
available: true,
daily_reward: '10',
streak_reward: '10',
pending_referral_rewards: '0',
total_reward: '20',
date: '',
reset_at: '',
streak: '6',
};
public/static/badges.svg 0 → 100644
View file @ e1ca14e5
This source diff could not be displayed because it is too large. You can view the blob instead.
public/static/badges/badge_1.svg deleted 100644 → 0
View file @ 87389a4e
<svg viewBox="0 0 89 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.507 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75A16.5 16.5 0 0 0 .5 33.233v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752A16.5 16.5 0 0 0 88 64.768V33.232a16.5 16.5 0 0 0-8.243-14.285L52.507 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M44.25 1.48V49L3.14 25.237a15.99 15.99 0 0 1 5.853-5.857l27.25-15.752a15.99 15.99 0 0 1 8.007-2.147Z" fill="#F8FBFF"/>
<path d="M1 33.232v31.536c0 2.856.761 5.603 2.14 7.995L44.25 49 3.14 25.237A15.99 15.99 0 0 0 1 33.232Z" fill="url(#a)"/>
<path d="M87.5 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995L44.25 49.013l41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M44.25 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L52.257 3.648A15.99 15.99 0 0 0 44.25 1.5Z" fill="url(#b)"/>
<path d="M8.99 78.618a15.99 15.99 0 0 1-5.85-5.855L44.25 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001L8.993 78.62a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m52.257 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L44.25 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M37.243 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L51.256 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.19 62.922V35.078a14 14 0 0 1 6.994-12.12L37.243 9.05Z" fill="#A7BFDA"/>
<path d="M51.506 8.617a14.5 14.5 0 0 0-14.513 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L51.506 8.617Z" stroke="#F8FBFF"/>
<path d="M37.493 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L13.433 74.61A13.5 13.5 0 0 1 6.69 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M37.243 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L51.256 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.19 62.922V35.078a14 14 0 0 1 6.994-12.12L37.243 9.05Z" fill="url(#d)"/>
<path d="M37.493 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L13.433 74.61A13.5 13.5 0 0 1 6.69 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.98 18.284a7.875 7.875 0 0 1 7.071-4.409H49.2a7.875 7.875 0 0 1 7.071 4.409l1.422 2.902c.374-.297.72-.54.981-.712.8-.796 1.516-1.142 2.137-1.012.618.13.988.7 1.209 1.304.552 1.507.572 3.595.107 6.144.712.116 1.396.24 2.048.37 2.568.511 4.671 1.124 6.14 1.816.735.346 1.33.72 1.749 1.127.418.407.687.877.687 1.402 0 .592-.34 1.113-.856 1.557-.518.446-1.258.856-2.171 1.232-1.736.716-4.175 1.342-7.12 1.847a53.99 53.99 0 0 1 .467 3.86l.095.13h.001c.145.198.384.497.7.892 2.829 3.537 11.829 14.793 14.797 29.645a12.99 12.99 0 0 1-3.845 3.39l-24.06 13.906a12.99 12.99 0 0 1-13.01 0l-24.06-13.907a13.025 13.025 0 0 1-3.98-3.57C12.848 54.83 23.12 42.72 25.567 40.11c.004-1.325.067-2.568.182-3.734-2.97-.51-5.54-1.259-7.277-1.984-.896-.373-1.623-.78-2.131-1.223-.507-.44-.841-.957-.841-1.543 0-.525.269-.995.687-1.402.418-.407 1.014-.781 1.748-1.127 1.47-.692 3.573-1.305 6.141-1.816.653-.13 1.338-.254 2.052-.371-.465-2.549-.445-4.636.107-6.143.221-.604.59-1.175 1.209-1.304.62-.13 1.336.216 2.137 1.012.261.172.605.413.978.71l1.421-2.9Z" fill="url(#f)"/>
<path d="M10.084 72.608c-.214-.223-.42-.454-.619-.69v.002c.198.237.404.467.618.69l.001-.002Z" fill="url(#g)"/>
<defs>
<linearGradient id="a" x1="22.625" y1="25.237" x2="22.625" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="44.25" y1="3.875" x2="85.25" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="4.125" y1="72.75" x2="44.25" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="6.249" y1="46.375" x2="82.249" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="6.249" y1="46.375" x2="82.249" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="44.064" y1="13.875" x2="44.064" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="g" x1="44.064" y1="13.875" x2="44.064" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
public/static/badges/badge_2.svg deleted 100644 → 0
View file @ 87389a4e
<svg viewBox="0 0 90 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.632 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75a16.5 16.5 0 0 0-8.243 14.286v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752a16.5 16.5 0 0 0 8.243-14.285V33.232a16.5 16.5 0 0 0-8.243-14.285L53.632 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M45.375 1.48V49L4.265 25.237a15.99 15.99 0 0 1 5.849-5.855l.004-.002 27.25-15.752a15.99 15.99 0 0 1 8.007-2.147Z" fill="#F8FBFF"/>
<path d="M2.125 33.232v31.536c0 2.856.761 5.603 2.14 7.995L45.376 49 4.265 25.237a15.99 15.99 0 0 0-2.14 7.995Z" fill="url(#a)"/>
<path d="M88.625 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995l-41.11 23.763 41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M45.375 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L53.382 3.648A15.99 15.99 0 0 0 45.375 1.5Z" fill="url(#b)"/>
<path d="M10.115 78.618a15.99 15.99 0 0 1-5.85-5.855L45.376 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001-27.25-15.752a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m53.382 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L45.375 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M38.368 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.38 88.95a14 14 0 0 1-14.013 0l-24.06-13.907a14 14 0 0 1-6.994-12.121V35.078a14 14 0 0 1 6.994-12.12L38.368 9.05Z" fill="#A7BFDA"/>
<path d="M52.63 8.617a14.5 14.5 0 0 0-14.512 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L52.63 8.617Z" stroke="#F8FBFF"/>
<path d="M38.618 9.483a13.5 13.5 0 0 1 13.512 0L76.19 23.39a13.5 13.5 0 0 1 6.745 11.688v27.844A13.5 13.5 0 0 1 76.19 74.61L52.13 88.517a13.5 13.5 0 0 1-13.512 0L14.558 74.61a13.5 13.5 0 0 1-6.744-11.688V35.078A13.5 13.5 0 0 1 14.56 23.39L38.62 9.483Z" stroke="#A7BFDA"/>
<path d="M38.429 9.05a14 14 0 0 1 14.012 0l24.06 13.907a14 14 0 0 1 6.994 12.121v27.844a14 14 0 0 1-6.994 12.12L52.441 88.95a14 14 0 0 1-14.012 0l-24.06-13.907a14 14 0 0 1-6.994-12.121V35.078a14 14 0 0 1 6.994-12.12L38.429 9.05Z" fill="url(#d)"/>
<path d="M38.679 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.744 11.688v27.844a13.5 13.5 0 0 1-6.744 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.619 74.61a13.5 13.5 0 0 1-6.744-11.688V35.078a13.5 13.5 0 0 1 6.744-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path d="M57.605 24.766c.365-.719.768-1.251 1.241-1.667.617-.541 1.327-.861 2.153-1.155 2.047-.728 3.511-.7 4.455-.496.6.13 1.043.4 1.333.803.284.395.39.874.41 1.368.02.493-.046 1.034-.138 1.578-.052.308-.117.637-.18.964l-.001.001a55.57 55.57 0 0 0-.134.702c-.204 1.121-.838 1.867-1.625 2.375-.774.5-1.702.772-2.523.97-.207.05-.42.097-.623.142.78 1.504 1.457 3.15 2.107 4.888.445 1.191.874 2.418 1.314 3.676.637 1.819 1.296 3.703 2.06 5.641 5.526 6.93 7.787 14.416 8.667 20.168a44.44 44.44 0 0 1 .52 7.064 32.822 32.822 0 0 1-.076 2.004c-.203.134-.411.262-.624.385l-24.06 13.907a13 13 0 0 1-13.011 0l-16.878-9.756c-.049-13.024 4.609-22.676 7.301-25.99-.924-1.6-1.71-3.503-2.27-5.567l-.149.076c-.844.429-1.758.862-2.591 1.188-.819.321-1.61.56-2.189.562a.375.375 0 0 1-.002-.75c.425 0 1.1-.19 1.917-.51a29.824 29.824 0 0 0 2.526-1.159c.1-.05.199-.102.297-.152a26.75 26.75 0 0 1-.427-2.173c-1.877.692-4.21 1.401-5.984 1.43a.375.375 0 1 1-.012-.75c1.66-.027 3.928-.713 5.817-1.414l.074-.027c-.334-2.7-.25-5.52.414-8.192.734-2.952 2.178-5.732 4.558-7.972-1.089-3.514-.125-4.939.603-5.303.729-.364 3.345-.61 5.442 1.668 1.627-.593 3.46-1.032 5.511-1.29 4.63-.581 8.18-.297 10.982.689a13.008 13.008 0 0 1 3.795 2.074Z" fill="url(#f)"/>
<defs>
<linearGradient id="a" x1="23.75" y1="25.237" x2="23.75" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="45.375" y1="3.875" x2="86.375" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="5.25" y1="72.75" x2="45.375" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="7.435" y1="46.375" x2="83.435" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="7.435" y1="46.375" x2="83.435" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="48.341" y1="21.323" x2="48.341" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
public/static/badges/badge_3.svg deleted 100644 → 0
View file @ 87389a4e
<svg viewBox="0 0 90 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.257 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75A16.5 16.5 0 0 0 1.25 33.233v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752a16.5 16.5 0 0 0 8.243-14.285V33.232a16.5 16.5 0 0 0-8.243-14.285L53.257 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M45 1.48V49L3.89 25.237a15.99 15.99 0 0 1 5.853-5.857l27.25-15.752A15.99 15.99 0 0 1 45 1.481Z" fill="#F8FBFF"/>
<path d="M1.75 33.232v31.536c0 2.856.761 5.603 2.14 7.995L45 49 3.89 25.237a15.99 15.99 0 0 0-2.14 7.995Z" fill="url(#a)"/>
<path d="M88.25 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995L45 49.013l41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M45 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L53.007 3.648A15.99 15.99 0 0 0 45 1.5Z" fill="url(#b)"/>
<path d="M9.74 78.618a15.99 15.99 0 0 1-5.85-5.855L45 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001L9.743 78.62a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m53.007 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L45 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M37.993 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.006 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.94 62.922V35.078a14 14 0 0 1 6.994-12.12L37.993 9.05Z" fill="#A7BFDA"/>
<path d="M52.256 8.617a14.5 14.5 0 0 0-14.513 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L52.256 8.617Z" stroke="#F8FBFF"/>
<path d="M38.243 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.183 74.61A13.5 13.5 0 0 1 7.44 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M37.993 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.006 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.94 62.922V35.078a14 14 0 0 1 6.994-12.12L37.993 9.05Z" fill="url(#d)"/>
<path d="M38.243 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.183 74.61A13.5 13.5 0 0 1 7.44 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.32 12.25a.75.75 0 0 0-.75.75v.125h-1.473a9.375 9.375 0 0 0-9.095 7.101l-.506 2.027-.03-.031a13.31 13.31 0 0 0-2.135-1.748c-.8-.796-1.516-1.142-2.137-1.012-.618.13-.988.7-1.21 1.304-.752 2.057-.516 5.196.596 9.113.036.128.124.23.23.28-.927 2.658-1.48 5.928-1.492 9.95-1.26 1.344-4.592 5.204-7.958 10.786a.385.385 0 0 0-.02.028l.003.001-.003-.001-.004.006-.01.018-.012.018-.031.049-.161.258a74.43 74.43 0 0 0-2.431 4.27c-1.399 2.662-2.972 6.074-3.612 9.003-.691 3.163-.658 5.721-.112 7.782.347.331.713.645 1.099.938l-.001-.002c.434.33.893.636 1.373.914l9.022 5.215h-.002l1.374.794h.002l.453.262.05-.01 13.229 7.646a12.99 12.99 0 0 0 6.716 1.744 12.99 12.99 0 0 0 6.295-1.744l24.06-13.907.238-.137c.523-.302.696-.401.826-.54.039-.042.074-.087.113-.143a13.473 13.473 0 0 0 .696-.554c.68-2.14.78-4.848.034-8.258a25.524 25.524 0 0 0-.926-3.134l.048.028c-.343-.885-.7-1.749-1.07-2.59a62.62 62.62 0 0 0-1.758-3.698 76.564 76.564 0 0 0-1.76-3.235 5.73 5.73 0 0 0 .556-.156c2.214-.744 4.7-2.172 5.483-5.086.341-1.272.225-2.422-.287-3.339-.512-.918-1.398-1.56-2.516-1.86-1.466-.393-2.733.18-3.462.72-.361-.833-1.173-1.962-2.64-2.355-1.118-.3-2.206-.186-3.109.353a3.87 3.87 0 0 0-1.26 1.232l-.225-.282c-.317-.396-.556-.694-.7-.891l-.001-.001-.096-.13c-.345-3.99-1.015-7.261-1.946-9.936a.436.436 0 0 0 .3-.306c1.11-3.917 1.347-7.056.594-9.113-.221-.604-.59-1.175-1.209-1.304-.62-.13-1.336.216-2.137 1.012-.46.302-1.174.82-1.855 1.47l-.43-1.718a9.375 9.375 0 0 0-9.095-7.101H46.07V13a.75.75 0 0 0-.75-.75h-1ZM12.942 64.427l-.017-.15.045-.133-.028.283Z" fill="url(#f)"/>
<path d="m23.846 80.77-9.909-5.727a14 14 0 0 1-1.805-1.241v.001c.176.143.356.281.54.415v.003c.403.294.824.569 1.261.822l.176.101-.002-.002 6.751 3.903-.003-.001 1.785 1.032h.003l1.202.695Z" fill="url(#g)"/>
<path d="M11.01 33.585c.512-.918 1.398-1.56 2.516-1.86 1.466-.393 2.735.18 3.464.72.36-.833 1.171-1.962 2.637-2.355 1.119-.3 2.207-.186 3.11.353.902.538 1.577 1.476 1.918 2.748.78 2.915-.66 5.395-2.205 7.146a5.884 5.884 0 0 1-6.243 1.673c-2.214-.743-4.701-2.17-5.484-5.086-.341-1.272-.225-2.422.287-3.339Z" fill="url(#h)"/>
<defs>
<linearGradient id="a" x1="23.375" y1="25.237" x2="23.375" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="45" y1="3.875" x2="86" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="4.875" y1="72.75" x2="45" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="6.999" y1="46.375" x2="82.999" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="6.999" y1="46.375" x2="82.999" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="44.42" y1="12.25" x2="44.42" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="g" x1="44.42" y1="12.25" x2="44.42" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="h" x1="44.42" y1="12.25" x2="44.42" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
public/static/badges/badge_4.svg deleted 100644 → 0
View file @ 87389a4e
<svg viewBox="0 0 90 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.507 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75A16.5 16.5 0 0 0 1.5 33.233v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752A16.5 16.5 0 0 0 89 64.768V33.232a16.5 16.5 0 0 0-8.243-14.285L53.507 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M45.25 1.48V49L4.14 25.237a15.99 15.99 0 0 1 5.853-5.857l27.25-15.752a15.99 15.99 0 0 1 8.007-2.147Z" fill="#F8FBFF"/>
<path d="M2 33.232v31.536c0 2.856.761 5.603 2.14 7.995L45.25 49 4.14 25.237A15.99 15.99 0 0 0 2 33.232Z" fill="url(#a)"/>
<path d="M88.5 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995L45.25 49.013l41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M45.25 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L53.257 3.648A15.99 15.99 0 0 0 45.25 1.5Z" fill="url(#b)"/>
<path d="M9.99 78.618a15.99 15.99 0 0 1-5.85-5.855L45.25 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001L9.993 78.62a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m53.257 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L45.25 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M38.243 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.256 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 7.19 62.922V35.078a14 14 0 0 1 6.994-12.12L38.243 9.05Z" fill="#A7BFDA"/>
<path d="M52.506 8.617a14.5 14.5 0 0 0-14.513 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L52.506 8.617Z" stroke="#F8FBFF"/>
<path d="M38.493 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.433 74.61A13.5 13.5 0 0 1 7.69 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M38.243 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.256 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 7.19 62.922V35.078a14 14 0 0 1 6.994-12.12L38.243 9.05Z" fill="url(#d)"/>
<path d="M38.493 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.433 74.61A13.5 13.5 0 0 1 7.69 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path d="M47.337 12.236c-.87-1.767-3.387-1.77-4.26-.005l-1.888 3.816c-.237.48-.695.811-1.225.887l-4.214.608c-1.948.281-2.728 2.674-1.32 4.05l3.045 2.975c.383.374.557.912.466 1.439l-.724 4.195c-.335 1.94 1.7 3.422 3.443 2.508l3.77-1.977a1.625 1.625 0 0 1 1.513.001l3.767 1.986c1.741.917 3.78-.56 3.448-2.5l-.715-4.198a1.625 1.625 0 0 1 .47-1.437l3.051-2.969c1.411-1.372.636-3.767-1.312-4.052l-4.212-.617a1.625 1.625 0 0 1-1.223-.89l-1.88-3.82Z" fill="url(#f)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M73.851 73.708c.17.439.337.878.498 1.316l-.659.381-21.935 12.68a13 13 0 0 1-13.012 0l-22.59-13.059c.162-.439.328-.879.499-1.318 2.17-5.58 5.094-11.122 8.612-14.384.323-4.025.816-7.599 1.718-10.653a.443.443 0 0 1-.26-.292c-1.189-4.194-1.44-7.548-.637-9.742.236-.645.628-1.247 1.279-1.383.653-.136 1.412.227 2.267 1.079a14.224 14.224 0 0 1 2.413 2.004c2.966-2.444 7.187-3.712 13.208-3.712 6 0 10.213 1.26 13.177 3.687l.105-.11a14.228 14.228 0 0 1 2.284-1.87c.856-.85 1.614-1.214 2.268-1.078.65.136 1.042.738 1.278 1.383.803 2.194.552 5.548-.638 9.742a.45.45 0 0 1-.211.27c.906 3.059 1.4 6.64 1.724 10.675 3.518 3.262 6.442 8.804 8.612 14.384Z" fill="url(#g)"/>
<path d="M21.439 23.179c.244-1.22 1.78-1.629 2.599-.694l1.6 1.829a1.5 1.5 0 0 0 1.303.501l2.414-.282c1.235-.145 2.099 1.19 1.462 2.258l-1.244 2.087a1.5 1.5 0 0 0-.074 1.394l1.014 2.208c.52 1.13-.483 2.364-1.695 2.089l-2.37-.538a1.5 1.5 0 0 0-1.348.36l-1.787 1.647c-.914.842-2.398.27-2.51-.967l-.221-2.42a1.5 1.5 0 0 0-.759-1.172l-2.118-1.19c-1.084-.609-1-2.196.143-2.686l2.233-.958a1.5 1.5 0 0 0 .88-1.084l.478-2.382Z" fill="url(#h)"/>
<path d="M66.36 22.238c1.023-1.169 2.944-.657 3.249.867l.477 2.383c.073.363.32.667.66.813l2.233.957c1.428.613 1.535 2.597.18 3.358l-2.119 1.19c-.322.182-.535.51-.569.879l-.22 2.42c-.141 1.548-1.996 2.262-3.139 1.208l-1.786-1.647a1.125 1.125 0 0 0-1.012-.27l-2.37.539c-1.515.344-2.767-1.2-2.118-2.611l1.014-2.208a1.125 1.125 0 0 0-.056-1.046l-1.244-2.087c-.795-1.335.285-3.003 1.828-2.823l2.414.283c.368.043.733-.098.977-.377l1.6-1.828Z" fill="url(#i)"/>
<defs>
<linearGradient id="a" x1="23.625" y1="25.237" x2="23.625" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="45.25" y1="3.875" x2="86.25" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="5.125" y1="72.75" x2="45.25" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="7.249" y1="46.375" x2="83.249" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="7.249" y1="46.375" x2="83.249" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="45.251" y1="10.909" x2="45.251" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="g" x1="45.251" y1="10.909" x2="45.251" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="h" x1="45.251" y1="10.909" x2="45.251" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="i" x1="45.251" y1="10.909" x2="45.251" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
public/static/badges/badge_5.svg deleted 100644 → 0
View file @ 87389a4e
<svg viewBox="0 0 90 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.257 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75A16.5 16.5 0 0 0 1.25 33.233v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752a16.5 16.5 0 0 0 8.243-14.285V33.232a16.5 16.5 0 0 0-8.243-14.285L53.257 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M45 1.48V49L3.89 25.237a15.99 15.99 0 0 1 5.853-5.857l27.25-15.752A15.99 15.99 0 0 1 45 1.481Z" fill="#F8FBFF"/>
<path d="M1.75 33.232v31.536c0 2.856.761 5.603 2.14 7.995L45 49 3.89 25.237a15.99 15.99 0 0 0-2.14 7.995Z" fill="url(#a)"/>
<path d="M88.25 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995L45 49.013l41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M45 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L53.007 3.648A15.99 15.99 0 0 0 45 1.5Z" fill="url(#b)"/>
<path d="M9.74 78.618a15.99 15.99 0 0 1-5.85-5.855L45 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001L9.743 78.62a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m53.007 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L45 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M37.993 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.006 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.94 62.922V35.078a14 14 0 0 1 6.994-12.12L37.993 9.05Z" fill="#A7BFDA"/>
<path d="M52.256 8.617a14.5 14.5 0 0 0-14.513 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L52.256 8.617Z" stroke="#F8FBFF"/>
<path d="M38.243 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.183 74.61A13.5 13.5 0 0 1 7.44 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M37.993 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.006 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.94 62.922V35.078a14 14 0 0 1 6.994-12.12L37.993 9.05Z" fill="url(#d)"/>
<path d="M38.243 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.183 74.61A13.5 13.5 0 0 1 7.44 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path d="m8.41 66.388-.016-.056a12.979 12.979 0 0 1-.332-1.626 45.514 45.514 0 0 1 1.248-3.714 63.525 63.525 0 0 1 4.311-9.055c2.51-4.329 3.906-5.957 5.005-6.991.252-.238.483-.44.704-.632.737-.643 1.364-1.191 2.3-2.642.179-.276.354-.784.556-1.524.111-.405.224-.855.348-1.349.1-.4.207-.828.327-1.284.49-1.876 1.16-4.136 2.26-6.361a68.344 68.344 0 0 0-.28-.022h-.001c-.208-.016-.431-.033-.646-.053-.761-.072-1.632-.198-2.395-.549-.776-.357-1.448-.95-1.777-1.94a49.016 49.016 0 0 0-.21-.61c-.1-.286-.2-.573-.286-.843-.152-.476-.281-.954-.327-1.402-.046-.448-.012-.9.196-1.298.213-.407.583-.71 1.11-.906.826-.306 2.14-.519 4.072-.128 1.528.31 2.796 1.392 3.696 3.135a15.52 15.52 0 0 1 2.778-2.33c2.63-1.725 6.08-2.833 10.645-2.833 2.565 0 4.758.366 6.625 1.017 1.946-1.573 4.1-1.342 4.75-1.017.679.34 1.563 1.6.797 4.618.502.549.952 1.135 1.352 1.75.64.048 1.403.96 1.78 2.175.24.768.272 1.49.129 1.992.692 2.267.97 4.668.99 6.956 1.54.174 2.691-.152 3.503-.569a5.162 5.162 0 0 0 1.292-.935 4.063 4.063 0 0 0 .396-.461l.002-.004.343.152.341.153-.001.002-.002.004a.6.6 0 0 1-.034.047c-.022.03-.053.073-.095.126a4.891 4.891 0 0 1-.37.413c-.33.33-.83.747-1.516 1.099-.954.488-2.234.835-3.86.683a32.323 32.323 0 0 1-.06 1.54c1.255.33 2.218.239 2.892.05a3.8 3.8 0 0 0 1.005-.44 2.574 2.574 0 0 0 .296-.218l.01-.01c.154-.15.405-.173.563-.052.159.121.163.341.01.491l-.287-.219.287.22-.002.001-.003.003-.008.008a.67.67 0 0 1-.015.013l-.01.01c-.021.018-.05.044-.088.074-.075.06-.183.142-.325.232a4.74 4.74 0 0 1-1.253.55c-.797.224-1.842.313-3.125.016l-.005.062c-.18 2.094-.54 3.984-.943 5.443-.372 1.347-.151 2.5.45 3.497.61 1.009 1.623 1.874 2.856 2.598 1.502.881 3.292 1.53 4.978 1.968L67 54.846c.183-1.566 1.412-4.568 5.2-5.115 5.073-.731 6.897 2.29 7.005 3.032.011.08.032.197.059.344.221 1.22.808 4.456-.848 4.695l-1.114.16c.09.619-.03 1.899-1.217 2.07-.046.554-.539 1.694-2.137 1.824-1.17.094-1.867-.139-2.47-.341-.384-.128-.729-.244-1.133-.255l.148.357c1.943.168 3.382 2.09 3.382 4.3 0 .108-.004.214-.01.32l2.893 7.161a12.98 12.98 0 0 1-.633.437v-.001c-.183.118-.37.233-.56.343l-.27.156-23.789 13.751a12.992 12.992 0 0 1-6.983 1.737 12.99 12.99 0 0 1-6.03-1.737l-2.29-1.324-21.768-12.583a13 13 0 0 1-6.024-7.79Z" fill="url(#f)"/>
<path d="m63.654 37.05-.341-.153a.455.455 0 0 1 .547-.162c.189.084.25.293.136.467l-.342-.153Z" fill="url(#g)"/>
<defs>
<linearGradient id="a" x1="23.375" y1="25.237" x2="23.375" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="45" y1="3.875" x2="86" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="4.875" y1="72.75" x2="45" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="6.999" y1="46.375" x2="82.999" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="6.999" y1="46.375" x2="82.999" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="43.804" y1="21.139" x2="43.804" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="g" x1="43.804" y1="21.139" x2="43.804" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
types/api/rewards.ts
View file @ e1ca14e5
......@@ -36,14 +36,20 @@ export type RewardsUserBalancesResponse = {
export type RewardsUserDailyCheckResponse = {
available: boolean;
daily_reward: string;
streak_reward: string;
pending_referral_rewards: string;
total_reward: string;
date: string;
reset_at: string;
streak: string;
};
export type RewardsUserDailyClaimResponse = {
daily_reward: string;
streak_reward: string;
pending_referral_rewards: string;
total_reward: string;
streak: string;
};
export type RewardsUserReferralsResponse = {
......
ui/pages/RewardsDashboard.tsx
View file @ e1ca14e5
......@@ -14,6 +14,7 @@ import useRedirectForInvalidAuthToken from 'ui/snippets/auth/useRedirectForInval
const RewardsDashboard = () => {
const { balancesQuery, apiToken, referralsQuery, rewardsConfigQuery, dailyRewardQuery, isInitialized } = useRewardsContext();
const [ isError, setIsError ] = useState(false);
useRedirectForInvalidAuthToken();
......@@ -32,6 +33,13 @@ const RewardsDashboard = () => {
return null;
}
let shareText = `Claim your free @blockscoutcom #Merits and start building your daily streak today! #Blockscout #Merits #IYKYK\n\nBoost your rewards instantly by using my referral code: ${ referralsQuery.data?.link }`; // eslint-disable-line max-len
if (dailyRewardQuery.data?.streak && Number(dailyRewardQuery.data.streak) > 0) {
const days = `day${ Number(dailyRewardQuery.data.streak) === 1 ? '' : 's' }`;
shareText = `I${ apos }ve claimed Merits ${ dailyRewardQuery.data.streak } ${ days } in a row!\n\n` + shareText;
}
return (
<>
<PageTitle
......@@ -48,8 +56,9 @@ const RewardsDashboard = () => {
/>
<Flex flexDirection="column" alignItems="flex-start" w="full" gap={ 6 }>
{ isError && <Alert status="error">Failed to load some data. Please try again later.</Alert> }
<Flex gap={ 6 } flexDirection={{ base: 'column', md: 'row' }}>
<Flex gap={ 6 } flexDirection={{ base: 'column', md: 'row' }} w="full">
<RewardsDashboardCard
title="All Merits"
description="Claim your daily Merits and any Merits received from referrals."
direction="column-reverse"
contentAfter={ <DailyRewardClaimButton/> }
......@@ -81,56 +90,122 @@ const RewardsDashboard = () => {
'N/A'
}
isLoading={ referralsQuery.isPending }
hint="The number of referrals who registered with your code/link."
/>
</RewardsDashboardCard>
<RewardsDashboardCard
title="Streaks"
description={ `Current number of consecutive days you${ apos }ve claimed your daily Merits.` }
title="Streak"
description={ (
<>
Current number of consecutive days you{ apos }ve claimed your daily Merits.{ ' ' }
The longer your streak, the more daily Merits you can earn.{ ' ' }
<LinkExternal
href={ `https://x.com/intent/tweet?text=${ encodeURIComponent(shareText) }` }
fontWeight="500"
>
Share on X
</LinkExternal>
</>
) }
direction="column-reverse"
availableSoon
blurFilter
>
<RewardsDashboardCardValue label="Streaks" value="5 days"/>
<RewardsDashboardCardValue
label="Streak"
value={
dailyRewardQuery.data?.streak ?
`${ dailyRewardQuery.data?.streak } day${ Number(dailyRewardQuery.data?.streak) === 1 ? '' : 's' }` :
'N/A'
}
isLoading={ dailyRewardQuery.isPending }
hint={ (
<>
See the{ ' ' }
<LinkExternal
href="https://docs.blockscout.com/using-blockscout/merits/streak-number-and-daily-rewards"
isExternal
>
docs
</LinkExternal>{ ' ' }
to learn how your streak number affects daily rewards
</>
) }
/>
</RewardsDashboardCard>
</Flex>
<RewardsDashboardCard
title="Referral program"
description={ (
<>
Refer friends and boost your Merits! You receive a{ ' ' }
<Skeleton as="span" isLoaded={ !rewardsConfigQuery.isPending }>
{ rewardsConfigQuery.data?.rewards.referral_share ?
`${ Number(rewardsConfigQuery.data?.rewards.referral_share) * 100 }%` :
'N/A'
}
</Skeleton>
{ ' ' }bonus on all Merits earned by your referrals.
</>
) }
direction="row"
>
<Flex
flex={ 1 }
gap={{ base: 2, md: 6 }}
px={{ base: 4, md: 6 }}
py={{ base: 4, md: 0 }}
flexDirection={{ base: 'column', md: 'row' }}
<Flex gap={ 6 } flexDirection={{ base: 'column', md: 'row' }}>
<RewardsDashboardCard
title="Referral program"
description={ (
<>
Refer friends and boost your Merits! You receive a{ ' ' }
<Skeleton as="span" isLoaded={ !rewardsConfigQuery.isPending }>
{ rewardsConfigQuery.data?.rewards.referral_share ?
`${ Number(rewardsConfigQuery.data?.rewards.referral_share) * 100 }%` :
'N/A'
}
</Skeleton>
{ ' ' }bonus on all Merits earned by your referrals.
</>
) }
>
<RewardsReadOnlyInputWithCopy
label="Referral link"
value={ referralsQuery.data?.link || 'N/A' }
isLoading={ referralsQuery.isPending }
flex={ 2 }
/>
<RewardsReadOnlyInputWithCopy
label="Referral code"
value={ referralsQuery.data?.code || 'N/A' }
isLoading={ referralsQuery.isPending }
<Flex
flex={ 1 }
/>
</Flex>
</RewardsDashboardCard>
gap={{ base: 2, lg: 6 }}
px={{ base: 4, lg: 6 }}
py={{ base: 4, lg: 0 }}
flexDirection={{ base: 'column', lg: 'row' }}
>
<RewardsReadOnlyInputWithCopy
label="Referral link"
value={ referralsQuery.data?.link || 'N/A' }
isLoading={ referralsQuery.isPending }
flex={ 2 }
/>
<RewardsReadOnlyInputWithCopy
label="Referral code"
value={ referralsQuery.data?.code || 'N/A' }
isLoading={ referralsQuery.isPending }
flex={ 1 }
/>
</Flex>
</RewardsDashboardCard>
<RewardsDashboardCard
title="Badges"
description={ (
<Flex flexDir="column" gap={ 2 }>
<span>
Collect limited and legendary badges by completing different Blockscout related tasks.
Go to the badges website to see what{ apos }s available and start your collection today.
</span>
</Flex>
) }
>
<Flex
flex={ 1 }
gap={ 4 }
pl={ 10 }
pr={ 7 }
py={{ base: 4, lg: 0 }}
flexDirection={{ base: 'column', lg: 'row' }}
justifyContent="space-between"
alignItems="center"
>
<Image
src="/static/badges.svg"
alt="Badges"
w="260px"
h="86px"
fallback={ <Skeleton w="260px" h="86px"/> }
/>
<LinkExternal
href="https://merits.blockscout.com/?tab=badges&utm_source=blockscout&utm_medium=dashboard"
fontSize="md"
fontWeight="500"
>
View badges
</LinkExternal>
</Flex>
</RewardsDashboardCard>
</Flex>
<Flex gap={ 6 } flexDirection={{ base: 'column', md: 'row' }}>
<RewardsDashboardCard
title="Activity"
......@@ -151,55 +226,6 @@ const RewardsDashboard = () => {
<RewardsDashboardCardValue label="Received" value="0" withIcon/>
</RewardsDashboardCard>
</Flex>
<RewardsDashboardCard
title="Badges"
description={ (
<Flex flexDir="column" gap={ 2 }>
<span>
Collect limited and legendary badges by completing different Blockscout related tasks.
Go to the badges website to see what{ apos }s available and start your collection today.
</span>
<LinkExternal
href="https://badges.blockscout.com?utm_source=blockscout&utm_medium=merits-dashboard"
fontSize="md"
fontWeight="500"
>
Go to website
</LinkExternal>
</Flex>
) }
direction="row"
availableSoon
>
<Flex
flex={ 1 }
px={{ base: 4, md: 6 }}
py={{ base: 4, md: 0 }}
justifyContent="space-between"
gap={ 2 }
>
{ Array(5).fill(null).map((_, index) => (
<Image
key={ index }
display={{ base: index > 2 ? 'none' : 'block', sm: 'block' }}
src={ `/static/badges/badge_${ index + 1 }.svg` }
alt={ `Badge ${ index + 1 }` }
w={{ base: 'calc((100% - 16px) / 3)', sm: 'calc((100% - 32px) / 5)' }}
maxW={{ base: '80px', md: '100px' }}
maxH={{ base: '80px', md: '100px' }}
fallback={ (
<Skeleton
display={{ base: index > 2 ? 'none' : 'block', sm: 'block' }}
w={{ base: 'calc((100% - 16px) / 3)', sm: 'calc((100% - 32px) / 5)' }}
maxW={{ base: '80px', md: '100px' }}
maxH={{ base: '80px', md: '100px' }}
aspectRatio={ 1 }
/>
) }
/>
)) }
</Flex>
</RewardsDashboardCard>
</Flex>
</>
);
......
ui/rewards/dashboard/DailyRewardClaimButton.tsx
View file @ e1ca14e5
......@@ -12,7 +12,7 @@ const DailyRewardClaimButton = () => {
const dailyRewardValue = useMemo(() =>
dailyRewardQuery.data ?
Number((Number(dailyRewardQuery.data.daily_reward) + Number(dailyRewardQuery.data.pending_referral_rewards)).toFixed(2)) :
Number(Number(dailyRewardQuery.data.total_reward).toFixed(2)) :
0,
[ dailyRewardQuery.data ]);
......
ui/rewards/dashboard/RewardsDashboardCard.tsx
View file @ e1ca14e5
......@@ -50,7 +50,7 @@ const RewardsDashboardCard = ({
justifyContent="space-around"
borderRadius={{ base: 'lg', md: '8px' }}
backgroundColor={ useColorModeValue('gray.50', 'whiteAlpha.50') }
h={{ base: '80px', md: direction === 'row' ? 'auto' : '128px' }}
minH={{ base: '80px', md: '128px' }}
filter="auto"
blur={ blurFilter ? '4px' : '0' }
flex={ direction === 'row' ? 1 : '0 1 auto' }
......
ui/rewards/login/steps/LoginStepContent.tsx
View file @ e1ca14e5
......@@ -86,10 +86,10 @@ const LoginStepContent = ({ goNext, closeModal, openAuthModal }: Props) => {
return 'Connect wallet';
}
if (isLoggedIntoAccountWithWallet) {
return 'Get started';
return isSignUp ? 'Get started' : 'Continue';
}
return profileQuery.data?.email ? 'Add wallet to account' : 'Log in to account';
}, [ isConnected, isLoggedIntoAccountWithWallet, profileQuery.data ]);
}, [ isConnected, isLoggedIntoAccountWithWallet, profileQuery.data, isSignUp ]);
return (
<>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment