responsive
This commit is contained in:
saml33
parent
be73a39973
commit
e55a13a8c4
|
|
@ -4,7 +4,7 @@ import { Table, Td, Th, TrBody, TrHead } from './TableElements'
|
|||
import { usdFormatter } from '../utils'
|
||||
import { AwardIcon, TrophyIcon } from './icons'
|
||||
import { useTranslation } from 'next-i18next'
|
||||
import { TrophyHeroIcon } from './icons'
|
||||
import { BronzeMedalIcon, SilverMedalIcon, GoldMedalIcon } from './icons'
|
||||
import { ChartPieIcon, TrendingUpIcon } from '@heroicons/react/outline'
|
||||
|
||||
const utc = require('dayjs/plugin/utc')
|
||||
|
|
@ -16,7 +16,7 @@ const LeaderboardTable = ({ range = '30' }) => {
|
|||
const [perpPnlLeaderboardData, setPerpPnlLeaderboardData] = useState<any[]>(
|
||||
[]
|
||||
)
|
||||
const [leaderboardType, setLeaderboardType] = useState<string>('pnl')
|
||||
const [leaderboardType, setLeaderboardType] = useState<string>('total-pnl')
|
||||
const [loading, setLoading] = useState(false)
|
||||
|
||||
const fetchPnlLeaderboard = async () => {
|
||||
|
|
@ -46,7 +46,7 @@ const LeaderboardTable = ({ range = '30' }) => {
|
|||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (leaderboardType === 'pnl') {
|
||||
if (leaderboardType === 'total-pnl') {
|
||||
fetchPnlLeaderboard()
|
||||
} else {
|
||||
fetchPerpPnlLeaderboard()
|
||||
|
|
@ -59,83 +59,66 @@ const LeaderboardTable = ({ range = '30' }) => {
|
|||
|
||||
const leaderboardData = useMemo(
|
||||
() =>
|
||||
leaderboardType === 'pnl' ? pnlLeaderboardData : perpPnlLeaderboardData,
|
||||
leaderboardType === 'total-pnl'
|
||||
? pnlLeaderboardData
|
||||
: perpPnlLeaderboardData,
|
||||
[leaderboardType, pnlLeaderboardData, perpPnlLeaderboardData]
|
||||
)
|
||||
|
||||
return (
|
||||
<div className="grid grid-cols-12 gap-6">
|
||||
<div className="col-span-4 space-y-4">
|
||||
<button
|
||||
className={`relative flex w-full items-center rounded-md p-4 text-left ${
|
||||
leaderboardType === 'pnl'
|
||||
? 'bg-th-bkg-4 text-th-fgd-1 after:absolute after:left-[100%] after:top-1/2 after:-translate-y-1/2 after:transform after:border-l-[12px] after:border-b-[12px] after:border-t-[12px] after:border-l-th-bkg-4 after:border-b-transparent after:border-t-transparent'
|
||||
: 'bg-th-bkg-3 text-th-fgd-4 hover:bg-th-bkg-4'
|
||||
}`}
|
||||
onClick={() => setLeaderboardType('pnl')}
|
||||
>
|
||||
<ChartPieIcon className="mr-2 h-6 w-6" />
|
||||
<div>
|
||||
<div className="text-base font-bold">Total PnL</div>
|
||||
<span className="mb-0 text-th-fgd-4">
|
||||
{range === '9999'
|
||||
? 'All-time Leaderboard'
|
||||
: `${range} Day Leaderboard`}
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button
|
||||
className={`relative flex w-full items-center rounded-md p-4 text-left ${
|
||||
leaderboardType === 'perp-pnl'
|
||||
? 'bg-th-bkg-4 text-th-fgd-1 after:absolute after:left-[100%] after:top-1/2 after:-translate-y-1/2 after:transform after:border-l-[12px] after:border-b-[12px] after:border-t-[12px] after:border-l-th-bkg-4 after:border-b-transparent after:border-t-transparent'
|
||||
: 'bg-th-bkg-3 text-th-fgd-4 hover:bg-th-bkg-4'
|
||||
}`}
|
||||
onClick={() => setLeaderboardType('perp-pnl')}
|
||||
>
|
||||
<TrendingUpIcon className="mr-2 h-6 w-6" />
|
||||
<div>
|
||||
<div className="text-base font-bold">Futures Only</div>
|
||||
<span className="text-th-fgd-4">
|
||||
{range === '9999'
|
||||
? 'All-time Leaderboard'
|
||||
: `${range} Day Leaderboard`}
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<div className="col-span-12 flex space-x-3 lg:col-span-4 lg:flex-col lg:space-y-4 lg:space-x-0">
|
||||
<LeaderboardTypeButton
|
||||
leaderboardType={leaderboardType}
|
||||
setLeaderboardType={setLeaderboardType}
|
||||
range={range}
|
||||
label="total-pnl"
|
||||
icon={<ChartPieIcon className="mr-2 hidden h-6 w-6 lg:block" />}
|
||||
/>
|
||||
<LeaderboardTypeButton
|
||||
leaderboardType={leaderboardType}
|
||||
setLeaderboardType={setLeaderboardType}
|
||||
range={range}
|
||||
label="futures-only"
|
||||
icon={<TrendingUpIcon className="mr-2 hidden h-6 w-6 lg:block" />}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className={`col-span-8`}>
|
||||
<div className="col-span-12 lg:col-span-8">
|
||||
{loading ? (
|
||||
<div className="mb-4 h-28 w-full animate-pulse rounded-md bg-th-bkg-3" />
|
||||
<div className="mb-6 space-y-2">
|
||||
<div className="h-24 w-full animate-pulse rounded-lg bg-th-bkg-3" />
|
||||
<div className="h-24 w-full animate-pulse rounded-lg bg-th-bkg-3" />
|
||||
<div className="h-24 w-full animate-pulse rounded-lg bg-th-bkg-3" />
|
||||
</div>
|
||||
) : leaderboardData.length > 0 ? (
|
||||
<div className="mb-6 flex items-center space-x-4 rounded-md bg-gradient-to-b from-th-bkg-4 to-th-bkg-3 py-4 px-6">
|
||||
<div className="flex h-20 w-20 flex-shrink-0 items-center justify-center rounded-full bg-th-bkg-2">
|
||||
<TrophyHeroIcon className="h-12 w-auto drop-shadow-xl" />
|
||||
</div>
|
||||
<div className="flex w-full items-center justify-between">
|
||||
<div>
|
||||
<p className="mb-0 text-2xl font-bold text-th-fgd-1">#1</p>
|
||||
<p className="mb-0 text-base">{`${leaderboardData[0].mango_account.slice(
|
||||
0,
|
||||
5
|
||||
)}...${leaderboardData[0].mango_account.slice(-5)}`}</p>
|
||||
</div>
|
||||
<div>
|
||||
<span className="text-2xl font-bold text-th-fgd-1">
|
||||
{leaderboardType === 'pnl'
|
||||
? usdFormatter(leaderboardData[0].pnl)
|
||||
: usdFormatter(leaderboardData[0].perp_pnl)}
|
||||
</span>
|
||||
<a
|
||||
href={`https://trade.mango.markets/account?pubkey=${leaderboardData[0].mango_account}`}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="default-transition block text-right text-base text-th-fgd-3 hover:text-th-fgd-4"
|
||||
>
|
||||
{t('view-account')}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mb-6 space-y-2">
|
||||
<TopThreeCard
|
||||
rank={1}
|
||||
acc={leaderboardData[0].mango_account}
|
||||
pnl={
|
||||
leaderboardType === 'total-pnl'
|
||||
? usdFormatter(leaderboardData[0].pnl)
|
||||
: usdFormatter(leaderboardData[0].perp_pnl)
|
||||
}
|
||||
/>
|
||||
<TopThreeCard
|
||||
rank={2}
|
||||
acc={leaderboardData[1].mango_account}
|
||||
pnl={
|
||||
leaderboardType === 'total-pnl'
|
||||
? usdFormatter(leaderboardData[1].pnl)
|
||||
: usdFormatter(leaderboardData[1].perp_pnl)
|
||||
}
|
||||
/>
|
||||
<TopThreeCard
|
||||
rank={3}
|
||||
acc={leaderboardData[2].mango_account}
|
||||
pnl={
|
||||
leaderboardType === 'total-pnl'
|
||||
? usdFormatter(leaderboardData[2].pnl)
|
||||
: usdFormatter(leaderboardData[2].perp_pnl)
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
) : null}
|
||||
<div className={`overflow-x-auto sm:-mx-6 lg:-mx-8`}>
|
||||
|
|
@ -143,9 +126,7 @@ const LeaderboardTable = ({ range = '30' }) => {
|
|||
className={`inline-block min-w-full align-middle sm:px-6 lg:px-8`}
|
||||
>
|
||||
{!loading ? (
|
||||
<div
|
||||
className={`overflow-hidden border-b border-th-bkg-2 shadow`}
|
||||
>
|
||||
<div className={`overflow-hidden`}>
|
||||
<Table>
|
||||
<thead>
|
||||
<TrHead>
|
||||
|
|
@ -155,8 +136,8 @@ const LeaderboardTable = ({ range = '30' }) => {
|
|||
</TrHead>
|
||||
</thead>
|
||||
<tbody>
|
||||
{leaderboardData.slice(1).map((acc, index) => {
|
||||
const rank = index + 2
|
||||
{leaderboardData.slice(3).map((acc, index) => {
|
||||
const rank = index + 4
|
||||
return (
|
||||
<TrBody key={acc.mango_account}>
|
||||
<Td className="w-1/10">
|
||||
|
|
@ -177,7 +158,7 @@ const LeaderboardTable = ({ range = '30' }) => {
|
|||
)}...${acc.mango_account.slice(-5)}`}
|
||||
</Td>
|
||||
<Td className="w-1/3">
|
||||
{leaderboardType === 'pnl'
|
||||
{leaderboardType === 'total-pnl'
|
||||
? usdFormatter(acc.pnl)
|
||||
: usdFormatter(acc.perp_pnl)}
|
||||
</Td>
|
||||
|
|
@ -231,3 +212,65 @@ const LeaderboardTable = ({ range = '30' }) => {
|
|||
}
|
||||
|
||||
export default LeaderboardTable
|
||||
|
||||
const TopThreeCard = ({ rank, acc, pnl }) => {
|
||||
const { t } = useTranslation('common')
|
||||
return (
|
||||
<div className="flex items-center rounded-lg border border-th-bkg-4 p-4">
|
||||
<p className="mb-0 mr-4">{rank}</p>
|
||||
{rank === 1 ? (
|
||||
<GoldMedalIcon className="mr-3 h-10 w-auto drop-shadow-lg sm:h-12" />
|
||||
) : rank === 2 ? (
|
||||
<SilverMedalIcon className="mr-3 h-10 w-auto drop-shadow-lg sm:h-12" />
|
||||
) : (
|
||||
<BronzeMedalIcon className="mr-3 h-10 w-auto drop-shadow-lg sm:h-12" />
|
||||
)}
|
||||
<div className="flex w-full flex-col sm:flex-row sm:items-center sm:justify-between">
|
||||
<div>
|
||||
<p className="mb-0">{`${acc.slice(0, 5)}...${acc.slice(-5)}`}</p>
|
||||
<span className="text-base font-bold text-th-fgd-1 sm:text-lg">
|
||||
{pnl}
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://trade.mango.markets/account?pubkey=${acc}`}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="default-transition block text-th-fgd-3 hover:text-th-fgd-4"
|
||||
>
|
||||
{t('view-account')}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const LeaderboardTypeButton = ({
|
||||
leaderboardType,
|
||||
setLeaderboardType,
|
||||
range,
|
||||
icon,
|
||||
label,
|
||||
}) => {
|
||||
const { t } = useTranslation('common')
|
||||
return (
|
||||
<button
|
||||
className={`relative flex w-full items-center justify-center rounded-md p-4 text-center lg:justify-start lg:text-left ${
|
||||
leaderboardType === label
|
||||
? 'bg-th-bkg-4 text-th-fgd-1 after:absolute after:top-[100%] after:left-1/2 after:-translate-x-1/2 after:transform after:border-l-[12px] after:border-r-[12px] after:border-t-[12px] after:border-l-transparent after:border-t-th-bkg-4 after:border-r-transparent lg:after:left-[100%] lg:after:top-1/2 lg:after:-translate-x-0 lg:after:-translate-y-1/2 lg:after:border-r-0 lg:after:border-b-[12px] lg:after:border-t-transparent lg:after:border-b-transparent lg:after:border-l-th-bkg-4'
|
||||
: 'bg-th-bkg-3 text-th-fgd-4 hover:bg-th-bkg-4'
|
||||
}`}
|
||||
onClick={() => setLeaderboardType(label)}
|
||||
>
|
||||
{icon}
|
||||
<div>
|
||||
<div className="font-bold sm:text-base">{t(label)}</div>
|
||||
<span className="text-th-fgd-4">
|
||||
{range === '9999' ? 'All-time' : `${range}-day`}
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1089,3 +1089,225 @@ export const TrophyHeroIcon = ({ className }) => {
|
|||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export const BronzeMedalIcon = ({ className }) => {
|
||||
return (
|
||||
<svg
|
||||
className={`${className}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 47 47"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M23.6562 3.30523C12.5189 3.30523 3.49219 12.3344 3.49219 23.4694C3.49219 29.0371 5.74953 34.0782 9.39753 37.7266L37.9135 9.21043C34.2642 5.56256 29.2229 3.30523 23.6562 3.30523Z"
|
||||
fill="#DBA36B"
|
||||
/>
|
||||
<path
|
||||
d="M37.9144 9.21041L9.39844 37.7265C13.0478 41.3771 18.0878 43.6328 23.6571 43.6328C34.7931 43.6328 43.8198 34.6052 43.8198 23.4693C43.8198 17.9011 41.5638 12.8609 37.9144 9.21041"
|
||||
fill="#CD7F32"
|
||||
/>
|
||||
<path
|
||||
d="M23.6627 6.19139C14.1374 6.19139 6.38804 13.9409 6.38804 23.4665C6.38804 32.9914 14.1374 40.7419 23.6627 40.7419C33.1867 40.7419 40.9374 32.9914 40.9374 23.4665C40.9374 13.9409 33.1867 6.19139 23.6627 6.19139ZM23.6627 46.5195C10.9507 46.5195 0.609375 36.1785 0.609375 23.4665C0.609375 10.7555 10.9507 0.41273 23.6627 0.41273C36.3734 0.41273 46.7147 10.7555 46.7147 23.4665C46.7147 36.1785 36.3734 46.5195 23.6627 46.5195"
|
||||
fill="#EFBF8D"
|
||||
/>
|
||||
<mask
|
||||
id="mask0_715_14151"
|
||||
maskUnits="userSpaceOnUse"
|
||||
x="15"
|
||||
y="12"
|
||||
width="18"
|
||||
height="21"
|
||||
>
|
||||
<path
|
||||
d="M29.9033 15.2995C29.9242 15.2991 29.9448 15.2986 29.9653 15.298L29.9936 15.2798C26.3359 9.0404 21.5532 13.9527 21.5532 13.9527L21.56 13.9647L21.5588 13.965C24.3092 18.7871 29.5363 15.5728 29.964 15.2981C29.9439 15.2987 29.9237 15.2992 29.9033 15.2995Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M23.1704 16.929C24.0412 17.3758 24.9942 17.5289 25.9061 17.5263C26.4359 18.013 26.8768 18.5846 27.291 19.1716C27.4627 19.4167 27.6176 19.6733 27.7546 19.9395C28.0713 20.5494 28.3043 21.1947 28.54 21.8477C28.6091 22.0391 28.6785 22.2314 28.7503 22.4235C28.7728 22.5057 28.7963 22.588 28.8208 22.6704C29.1848 23.919 29.7173 25.2525 30.4295 26.3538C30.6651 26.7156 30.9285 27.0583 31.2183 27.3784C31.2753 27.4401 31.3336 27.5013 31.3921 27.5625C31.6649 27.8483 31.9396 28.1361 32.0954 28.4962C32.2893 28.945 32.2744 29.4612 32.1578 29.9361C31.6075 32.1746 29.4518 32.7628 27.3916 32.817L27.3926 32.8145C26.6201 32.8299 25.8529 32.7723 25.1726 32.7026C25.1726 32.7026 21.8919 32.363 19.1111 30.3299L19.0698 30.2988C18.7278 30.047 18.402 29.7739 18.0945 29.4808C17.3151 28.7369 16.6216 27.8931 16.0912 26.9668L16.1015 26.9564C16.0387 26.8434 15.9785 26.7292 15.9209 26.6139C15.4079 25.5871 15.0952 24.4692 15.081 23.2811C15.0569 21.2873 15.739 19.2455 17.0356 17.7652L17.0343 17.7618C17.7362 16.9929 18.6136 16.3889 19.6522 16.045C20.3033 15.8275 20.9869 15.723 21.6733 15.7362C22.0909 16.2266 22.5995 16.6311 23.1704 16.929Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_715_14151)">
|
||||
<path
|
||||
d="M37.9144 9.21041L9.39844 37.7265C13.0478 41.3771 18.0878 43.6328 23.6571 43.6328C34.7931 43.6328 43.8198 34.6052 43.8198 23.4693C43.8198 17.9011 41.5638 12.8609 37.9144 9.21041"
|
||||
fill="#E6994E"
|
||||
/>
|
||||
</g>
|
||||
<mask
|
||||
id="mask1_715_14151"
|
||||
maskUnits="userSpaceOnUse"
|
||||
x="15"
|
||||
y="12"
|
||||
width="18"
|
||||
height="21"
|
||||
>
|
||||
<path
|
||||
d="M29.9033 15.2995C29.9242 15.2991 29.9448 15.2986 29.9653 15.298L29.9936 15.2798C26.3359 9.0404 21.5532 13.9527 21.5532 13.9527L21.56 13.9647L21.5588 13.965C24.3092 18.7871 29.5363 15.5728 29.964 15.2981C29.9439 15.2987 29.9237 15.2992 29.9033 15.2995Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M23.1704 16.929C24.0412 17.3758 24.9942 17.5289 25.9061 17.5263C26.4359 18.013 26.8768 18.5846 27.291 19.1716C27.4627 19.4167 27.6176 19.6733 27.7546 19.9395C28.0713 20.5494 28.3043 21.1947 28.54 21.8477C28.6091 22.0391 28.6785 22.2314 28.7503 22.4235C28.7728 22.5057 28.7963 22.588 28.8208 22.6704C29.1848 23.919 29.7173 25.2525 30.4295 26.3538C30.6651 26.7156 30.9285 27.0583 31.2183 27.3784C31.2753 27.4401 31.3336 27.5013 31.3921 27.5625C31.6649 27.8483 31.9396 28.1361 32.0954 28.4962C32.2893 28.945 32.2744 29.4612 32.1578 29.9361C31.6075 32.1746 29.4518 32.7628 27.3916 32.817L27.3926 32.8145C26.6201 32.8299 25.8529 32.7723 25.1726 32.7026C25.1726 32.7026 21.8919 32.363 19.1111 30.3299L19.0698 30.2988C18.7278 30.047 18.402 29.7739 18.0945 29.4808C17.3151 28.7369 16.6216 27.8931 16.0912 26.9668L16.1015 26.9564C16.0387 26.8434 15.9785 26.7292 15.9209 26.6139C15.4079 25.5871 15.0952 24.4692 15.081 23.2811C15.0569 21.2873 15.739 19.2455 17.0356 17.7652L17.0343 17.7618C17.7362 16.9929 18.6136 16.3889 19.6522 16.045C20.3033 15.8275 20.9869 15.723 21.6733 15.7362C22.0909 16.2266 22.5995 16.6311 23.1704 16.929Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_715_14151)">
|
||||
<path
|
||||
d="M23.6562 3.30523C12.5189 3.30523 3.49219 12.3344 3.49219 23.4694C3.49219 29.0371 5.74953 34.0782 9.39753 37.7266L37.9135 9.21043C34.2642 5.56256 29.2229 3.30523 23.6562 3.30523Z"
|
||||
fill="#F0BF8D"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export const SilverMedalIcon = ({ className }) => {
|
||||
return (
|
||||
<svg
|
||||
className={`${className}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 47 47"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M23.1562 3.30523C12.0189 3.30523 2.99219 12.3344 2.99219 23.4694C2.99219 29.0371 5.24953 34.0782 8.89753 37.7266L37.4135 9.21043C33.7642 5.56256 28.7229 3.30523 23.1562 3.30523Z"
|
||||
fill="#C0C0C0"
|
||||
/>
|
||||
<path
|
||||
d="M37.4144 9.21041L8.89844 37.7265C12.5478 41.3771 17.5878 43.6328 23.1571 43.6328C34.2931 43.6328 43.3198 34.6052 43.3198 23.4693C43.3198 17.9011 41.0638 12.8609 37.4144 9.21041"
|
||||
fill="#B8B8B8"
|
||||
/>
|
||||
<path
|
||||
d="M23.1627 6.19139C13.6374 6.19139 5.88804 13.9409 5.88804 23.4665C5.88804 32.9914 13.6374 40.7419 23.1627 40.7419C32.6867 40.7419 40.4374 32.9914 40.4374 23.4665C40.4374 13.9409 32.6867 6.19139 23.1627 6.19139ZM23.1627 46.5195C10.4507 46.5195 0.109375 36.1785 0.109375 23.4665C0.109375 10.7555 10.4507 0.41273 23.1627 0.41273C35.8734 0.41273 46.2147 10.7555 46.2147 23.4665C46.2147 36.1785 35.8734 46.5195 23.1627 46.5195"
|
||||
fill="#D8D6D6"
|
||||
/>
|
||||
<mask
|
||||
id="mask0_715_14152"
|
||||
maskUnits="userSpaceOnUse"
|
||||
x="14"
|
||||
y="12"
|
||||
width="18"
|
||||
height="21"
|
||||
>
|
||||
<path
|
||||
d="M29.4033 15.2995C29.4242 15.2991 29.4448 15.2986 29.4653 15.298L29.4936 15.2798C25.8359 9.0404 21.0532 13.9527 21.0532 13.9527L21.06 13.9647L21.0588 13.965C23.8092 18.7871 29.0363 15.5728 29.464 15.2981C29.4439 15.2987 29.4237 15.2992 29.4033 15.2995Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M22.6704 16.929C23.5412 17.3758 24.4942 17.5289 25.4061 17.5263C25.9359 18.013 26.3768 18.5846 26.791 19.1716C26.9627 19.4167 27.1176 19.6733 27.2546 19.9395C27.5713 20.5494 27.8043 21.1947 28.04 21.8477C28.1091 22.0391 28.1785 22.2314 28.2503 22.4235C28.2728 22.5057 28.2963 22.588 28.3208 22.6704C28.6848 23.919 29.2173 25.2525 29.9295 26.3538C30.1651 26.7156 30.4285 27.0583 30.7183 27.3784C30.7753 27.4401 30.8336 27.5013 30.8921 27.5625C31.1649 27.8483 31.4396 28.1361 31.5954 28.4962C31.7893 28.945 31.7744 29.4612 31.6578 29.9361C31.1075 32.1746 28.9518 32.7628 26.8916 32.817L26.8926 32.8145C26.1201 32.8299 25.3529 32.7723 24.6726 32.7026C24.6726 32.7026 21.3919 32.363 18.6111 30.3299L18.5698 30.2988C18.2278 30.047 17.902 29.7739 17.5945 29.4808C16.8151 28.7369 16.1216 27.8931 15.5912 26.9668L15.6015 26.9564C15.5387 26.8434 15.4785 26.7292 15.4209 26.6139C14.9079 25.5871 14.5952 24.4692 14.581 23.2811C14.5569 21.2873 15.239 19.2455 16.5356 17.7652L16.5343 17.7618C17.2362 16.9929 18.1136 16.3889 19.1522 16.045C19.8033 15.8275 20.4869 15.723 21.1733 15.7362C21.5909 16.2266 22.0995 16.6311 22.6704 16.929Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_715_14152)">
|
||||
<path
|
||||
d="M37.4144 9.21041L8.89844 37.7265C12.5478 41.3771 17.5878 43.6328 23.1571 43.6328C34.2931 43.6328 43.3198 34.6052 43.3198 23.4693C43.3198 17.9011 41.0638 12.8609 37.4144 9.21041"
|
||||
fill="#C7C7C7"
|
||||
/>
|
||||
</g>
|
||||
<mask
|
||||
id="mask1_715_14152"
|
||||
maskUnits="userSpaceOnUse"
|
||||
x="14"
|
||||
y="12"
|
||||
width="18"
|
||||
height="21"
|
||||
>
|
||||
<path
|
||||
d="M29.4033 15.2995C29.4242 15.2991 29.4448 15.2986 29.4653 15.298L29.4936 15.2798C25.8359 9.0404 21.0532 13.9527 21.0532 13.9527L21.06 13.9647L21.0588 13.965C23.8092 18.7871 29.0363 15.5728 29.464 15.2981C29.4439 15.2987 29.4237 15.2992 29.4033 15.2995Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M22.6704 16.929C23.5412 17.3758 24.4942 17.5289 25.4061 17.5263C25.9359 18.013 26.3768 18.5846 26.791 19.1716C26.9627 19.4167 27.1176 19.6733 27.2546 19.9395C27.5713 20.5494 27.8043 21.1947 28.04 21.8477C28.1091 22.0391 28.1785 22.2314 28.2503 22.4235C28.2728 22.5057 28.2963 22.588 28.3208 22.6704C28.6848 23.919 29.2173 25.2525 29.9295 26.3538C30.1651 26.7156 30.4285 27.0583 30.7183 27.3784C30.7753 27.4401 30.8336 27.5013 30.8921 27.5625C31.1649 27.8483 31.4396 28.1361 31.5954 28.4962C31.7893 28.945 31.7744 29.4612 31.6578 29.9361C31.1075 32.1746 28.9518 32.7628 26.8916 32.817L26.8926 32.8145C26.1201 32.8299 25.3529 32.7723 24.6726 32.7026C24.6726 32.7026 21.3919 32.363 18.6111 30.3299L18.5698 30.2988C18.2278 30.047 17.902 29.7739 17.5945 29.4808C16.8151 28.7369 16.1216 27.8931 15.5912 26.9668L15.6015 26.9564C15.5387 26.8434 15.4785 26.7292 15.4209 26.6139C14.9079 25.5871 14.5952 24.4692 14.581 23.2811C14.5569 21.2873 15.239 19.2455 16.5356 17.7652L16.5343 17.7618C17.2362 16.9929 18.1136 16.3889 19.1522 16.045C19.8033 15.8275 20.4869 15.723 21.1733 15.7362C21.5909 16.2266 22.0995 16.6311 22.6704 16.929Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_715_14152)">
|
||||
<path
|
||||
d="M23.1562 3.30523C12.0189 3.30523 2.99219 12.3344 2.99219 23.4694C2.99219 29.0371 5.24953 34.0782 8.89753 37.7266L37.4135 9.21043C33.7642 5.56256 28.7229 3.30523 23.1562 3.30523Z"
|
||||
fill="#D8D6D6"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export const GoldMedalIcon = ({ className }) => {
|
||||
return (
|
||||
<svg
|
||||
className={`${className}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 47 47"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M23.0468 2.8925C11.9095 2.8925 2.88281 11.9217 2.88281 23.0566C2.88281 28.6244 5.14015 33.6654 8.78815 37.3138L37.3041 8.7977C33.6548 5.14983 28.6135 2.8925 23.0468 2.8925Z"
|
||||
fill="#F2C94C"
|
||||
/>
|
||||
<path
|
||||
d="M37.3051 8.79768L8.78906 37.3138C12.4384 40.9643 17.4784 43.2201 23.0477 43.2201C34.1837 43.2201 43.2104 34.1925 43.2104 23.0566C43.2104 17.4883 40.9544 12.4482 37.3051 8.79768"
|
||||
fill="#E4AF11"
|
||||
/>
|
||||
<path
|
||||
d="M23.0533 5.77866C13.528 5.77866 5.77866 13.5281 5.77866 23.0537C5.77866 32.5787 13.528 40.3292 23.0533 40.3292C32.5773 40.3292 40.328 32.5787 40.328 23.0537C40.328 13.5281 32.5773 5.77866 23.0533 5.77866ZM23.0533 46.1068C10.3413 46.1068 0 35.7657 0 23.0537C0 10.3428 10.3413 -1.64172e-06 23.0533 -1.64172e-06C35.764 -1.64172e-06 46.1053 10.3428 46.1053 23.0537C46.1053 35.7657 35.764 46.1068 23.0533 46.1068"
|
||||
fill="#FDE877"
|
||||
/>
|
||||
<mask
|
||||
id="mask0_716_14153"
|
||||
maskUnits="userSpaceOnUse"
|
||||
x="14"
|
||||
y="11"
|
||||
width="18"
|
||||
height="22"
|
||||
>
|
||||
<path
|
||||
d="M29.294 14.8868C29.3148 14.8864 29.3354 14.8859 29.3559 14.8853L29.3842 14.867C25.7265 8.62766 20.9438 13.54 20.9438 13.54L20.9506 13.552L20.9495 13.5523C23.6998 18.3744 28.927 15.1601 29.3546 14.8853C29.3345 14.8859 29.3143 14.8864 29.294 14.8868Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M22.561 16.5163C23.4318 16.9631 24.3848 17.1162 25.2967 17.1136C25.8266 17.6002 26.2674 18.1719 26.6816 18.7588C26.8533 19.004 27.0082 19.2606 27.1452 19.5268C27.462 20.1367 27.6949 20.782 27.9306 21.4349C27.9997 21.6264 28.0691 21.8187 28.1409 22.0107C28.1634 22.093 28.1869 22.1753 28.2114 22.2577C28.5755 23.5063 29.1079 24.8398 29.8201 25.9411C30.0557 26.3028 30.3191 26.6456 30.6089 26.9657C30.6659 27.0274 30.7243 27.0885 30.7827 27.1497C31.0555 27.4355 31.3302 27.7234 31.486 28.0835C31.6799 28.5323 31.665 29.0484 31.5484 29.5234C30.9981 31.7618 28.8424 32.35 26.7822 32.4043L26.7832 32.4017C26.0107 32.4171 25.2435 32.3596 24.5632 32.2899C24.5632 32.2899 21.2825 31.9503 18.5017 29.9172L18.4605 29.8861C18.1184 29.6343 17.7926 29.3611 17.4852 29.068C16.7057 28.3241 16.0122 27.4804 15.4818 26.5541L15.4922 26.5437C15.4294 26.4307 15.3692 26.3165 15.3115 26.2012C14.7985 25.1743 14.4858 24.0565 14.4716 22.8684C14.4475 20.8746 15.1296 18.8328 16.4262 17.3525L16.4249 17.3491C17.1269 16.5802 18.0042 15.9762 19.0428 15.6323C19.694 15.4147 20.3775 15.3103 21.0639 15.3235C21.4815 15.8138 21.9901 16.2183 22.561 16.5163Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_716_14153)">
|
||||
<path
|
||||
d="M37.3051 8.79768L8.78906 37.3138C12.4384 40.9643 17.4784 43.2201 23.0477 43.2201C34.1837 43.2201 43.2104 34.1925 43.2104 23.0566C43.2104 17.4883 40.9544 12.4482 37.3051 8.79768"
|
||||
fill="#FFCF40"
|
||||
/>
|
||||
</g>
|
||||
<mask
|
||||
id="mask1_716_14153"
|
||||
maskUnits="userSpaceOnUse"
|
||||
x="14"
|
||||
y="11"
|
||||
width="18"
|
||||
height="22"
|
||||
>
|
||||
<path
|
||||
d="M29.294 14.8868C29.3148 14.8864 29.3354 14.8859 29.3559 14.8853L29.3842 14.867C25.7265 8.62766 20.9438 13.54 20.9438 13.54L20.9506 13.552L20.9495 13.5523C23.6998 18.3744 28.927 15.1601 29.3546 14.8853C29.3345 14.8859 29.3143 14.8864 29.294 14.8868Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M22.561 16.5163C23.4318 16.9631 24.3848 17.1162 25.2967 17.1136C25.8266 17.6002 26.2674 18.1719 26.6816 18.7588C26.8533 19.004 27.0082 19.2606 27.1452 19.5268C27.462 20.1367 27.6949 20.782 27.9306 21.4349C27.9997 21.6264 28.0691 21.8187 28.1409 22.0107C28.1634 22.093 28.1869 22.1753 28.2114 22.2577C28.5755 23.5063 29.1079 24.8398 29.8201 25.9411C30.0557 26.3028 30.3191 26.6456 30.6089 26.9657C30.6659 27.0274 30.7243 27.0885 30.7827 27.1497C31.0555 27.4355 31.3302 27.7234 31.486 28.0835C31.6799 28.5323 31.665 29.0484 31.5484 29.5234C30.9981 31.7618 28.8424 32.35 26.7822 32.4043L26.7832 32.4017C26.0107 32.4171 25.2435 32.3596 24.5632 32.2899C24.5632 32.2899 21.2825 31.9503 18.5017 29.9172L18.4605 29.8861C18.1184 29.6343 17.7926 29.3611 17.4852 29.068C16.7057 28.3241 16.0122 27.4804 15.4818 26.5541L15.4922 26.5437C15.4294 26.4307 15.3692 26.3165 15.3115 26.2012C14.7985 25.1743 14.4858 24.0565 14.4716 22.8684C14.4475 20.8746 15.1296 18.8328 16.4262 17.3525L16.4249 17.3491C17.1269 16.5802 18.0042 15.9762 19.0428 15.6323C19.694 15.4147 20.3775 15.3103 21.0639 15.3235C21.4815 15.8138 21.9901 16.2183 22.561 16.5163Z"
|
||||
fill="#FFE28A"
|
||||
/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_716_14153)">
|
||||
<path
|
||||
d="M23.0468 2.8925C11.9095 2.8925 2.88281 11.9217 2.88281 23.0566C2.88281 28.6244 5.14015 33.6654 8.78815 37.3138L37.3041 8.7977C33.6548 5.14983 28.6135 2.8925 23.0468 2.8925Z"
|
||||
fill="#FDE877"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,8 +19,8 @@ export default function Leaderboard() {
|
|||
<div className={`bg-th-bkg-1 text-th-fgd-1 transition-all`}>
|
||||
<TopBar />
|
||||
<PageBodyContainer>
|
||||
<div className="flex items-center justify-between pt-8 pb-3 sm:pb-6 md:pt-10">
|
||||
<h1 className={`text-2xl font-semibold text-th-fgd-1`}>
|
||||
<div className="flex flex-col pt-8 pb-3 sm:flex-row sm:items-center sm:justify-between sm:pb-6 md:pt-10">
|
||||
<h1 className={`mb-4 text-2xl font-semibold text-th-fgd-1 sm:mb-0`}>
|
||||
Leaderboard
|
||||
</h1>
|
||||
<div className="w-full sm:ml-auto sm:w-56">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,19 @@
|
|||
<svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M23.6562 3.30523C12.5189 3.30523 3.49219 12.3344 3.49219 23.4694C3.49219 29.0371 5.74953 34.0782 9.39753 37.7266L37.9135 9.21043C34.2642 5.56256 29.2229 3.30523 23.6562 3.30523Z" fill="#DBA36B"/>
|
||||
<path d="M37.9144 9.21041L9.39844 37.7265C13.0478 41.3771 18.0878 43.6328 23.6571 43.6328C34.7931 43.6328 43.8198 34.6052 43.8198 23.4693C43.8198 17.9011 41.5638 12.8609 37.9144 9.21041" fill="#CD7F32"/>
|
||||
<path d="M23.6627 6.19139C14.1374 6.19139 6.38804 13.9409 6.38804 23.4665C6.38804 32.9914 14.1374 40.7419 23.6627 40.7419C33.1867 40.7419 40.9374 32.9914 40.9374 23.4665C40.9374 13.9409 33.1867 6.19139 23.6627 6.19139ZM23.6627 46.5195C10.9507 46.5195 0.609375 36.1785 0.609375 23.4665C0.609375 10.7555 10.9507 0.41273 23.6627 0.41273C36.3734 0.41273 46.7147 10.7555 46.7147 23.4665C46.7147 36.1785 36.3734 46.5195 23.6627 46.5195" fill="#EFBF8D"/>
|
||||
<mask id="mask0_715_14151" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="12" width="18" height="21">
|
||||
<path d="M29.9033 15.2995C29.9242 15.2991 29.9448 15.2986 29.9653 15.298L29.9936 15.2798C26.3359 9.0404 21.5532 13.9527 21.5532 13.9527L21.56 13.9647L21.5588 13.965C24.3092 18.7871 29.5363 15.5728 29.964 15.2981C29.9439 15.2987 29.9237 15.2992 29.9033 15.2995Z" fill="#FFE28A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.1704 16.929C24.0412 17.3758 24.9942 17.5289 25.9061 17.5263C26.4359 18.013 26.8768 18.5846 27.291 19.1716C27.4627 19.4167 27.6176 19.6733 27.7546 19.9395C28.0713 20.5494 28.3043 21.1947 28.54 21.8477C28.6091 22.0391 28.6785 22.2314 28.7503 22.4235C28.7728 22.5057 28.7963 22.588 28.8208 22.6704C29.1848 23.919 29.7173 25.2525 30.4295 26.3538C30.6651 26.7156 30.9285 27.0583 31.2183 27.3784C31.2753 27.4401 31.3336 27.5013 31.3921 27.5625C31.6649 27.8483 31.9396 28.1361 32.0954 28.4962C32.2893 28.945 32.2744 29.4612 32.1578 29.9361C31.6075 32.1746 29.4518 32.7628 27.3916 32.817L27.3926 32.8145C26.6201 32.8299 25.8529 32.7723 25.1726 32.7026C25.1726 32.7026 21.8919 32.363 19.1111 30.3299L19.0698 30.2988C18.7278 30.047 18.402 29.7739 18.0945 29.4808C17.3151 28.7369 16.6216 27.8931 16.0912 26.9668L16.1015 26.9564C16.0387 26.8434 15.9785 26.7292 15.9209 26.6139C15.4079 25.5871 15.0952 24.4692 15.081 23.2811C15.0569 21.2873 15.739 19.2455 17.0356 17.7652L17.0343 17.7618C17.7362 16.9929 18.6136 16.3889 19.6522 16.045C20.3033 15.8275 20.9869 15.723 21.6733 15.7362C22.0909 16.2266 22.5995 16.6311 23.1704 16.929Z" fill="#FFE28A"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_715_14151)">
|
||||
<path d="M37.9144 9.21041L9.39844 37.7265C13.0478 41.3771 18.0878 43.6328 23.6571 43.6328C34.7931 43.6328 43.8198 34.6052 43.8198 23.4693C43.8198 17.9011 41.5638 12.8609 37.9144 9.21041" fill="#E6994E"/>
|
||||
</g>
|
||||
<mask id="mask1_715_14151" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="12" width="18" height="21">
|
||||
<path d="M29.9033 15.2995C29.9242 15.2991 29.9448 15.2986 29.9653 15.298L29.9936 15.2798C26.3359 9.0404 21.5532 13.9527 21.5532 13.9527L21.56 13.9647L21.5588 13.965C24.3092 18.7871 29.5363 15.5728 29.964 15.2981C29.9439 15.2987 29.9237 15.2992 29.9033 15.2995Z" fill="#FFE28A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.1704 16.929C24.0412 17.3758 24.9942 17.5289 25.9061 17.5263C26.4359 18.013 26.8768 18.5846 27.291 19.1716C27.4627 19.4167 27.6176 19.6733 27.7546 19.9395C28.0713 20.5494 28.3043 21.1947 28.54 21.8477C28.6091 22.0391 28.6785 22.2314 28.7503 22.4235C28.7728 22.5057 28.7963 22.588 28.8208 22.6704C29.1848 23.919 29.7173 25.2525 30.4295 26.3538C30.6651 26.7156 30.9285 27.0583 31.2183 27.3784C31.2753 27.4401 31.3336 27.5013 31.3921 27.5625C31.6649 27.8483 31.9396 28.1361 32.0954 28.4962C32.2893 28.945 32.2744 29.4612 32.1578 29.9361C31.6075 32.1746 29.4518 32.7628 27.3916 32.817L27.3926 32.8145C26.6201 32.8299 25.8529 32.7723 25.1726 32.7026C25.1726 32.7026 21.8919 32.363 19.1111 30.3299L19.0698 30.2988C18.7278 30.047 18.402 29.7739 18.0945 29.4808C17.3151 28.7369 16.6216 27.8931 16.0912 26.9668L16.1015 26.9564C16.0387 26.8434 15.9785 26.7292 15.9209 26.6139C15.4079 25.5871 15.0952 24.4692 15.081 23.2811C15.0569 21.2873 15.739 19.2455 17.0356 17.7652L17.0343 17.7618C17.7362 16.9929 18.6136 16.3889 19.6522 16.045C20.3033 15.8275 20.9869 15.723 21.6733 15.7362C22.0909 16.2266 22.5995 16.6311 23.1704 16.929Z" fill="#FFE28A"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_715_14151)">
|
||||
<path d="M23.6562 3.30523C12.5189 3.30523 3.49219 12.3344 3.49219 23.4694C3.49219 29.0371 5.74953 34.0782 9.39753 37.7266L37.9135 9.21043C34.2642 5.56256 29.2229 3.30523 23.6562 3.30523Z" fill="#F0BF8D"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -0,0 +1,19 @@
|
|||
<svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M23.0468 2.8925C11.9095 2.8925 2.88281 11.9217 2.88281 23.0566C2.88281 28.6244 5.14015 33.6654 8.78815 37.3138L37.3041 8.7977C33.6548 5.14983 28.6135 2.8925 23.0468 2.8925Z" fill="#F2C94C"/>
|
||||
<path d="M37.3051 8.79768L8.78906 37.3138C12.4384 40.9643 17.4784 43.2201 23.0477 43.2201C34.1837 43.2201 43.2104 34.1925 43.2104 23.0566C43.2104 17.4883 40.9544 12.4482 37.3051 8.79768" fill="#E4AF11"/>
|
||||
<path d="M23.0533 5.77866C13.528 5.77866 5.77866 13.5281 5.77866 23.0537C5.77866 32.5787 13.528 40.3292 23.0533 40.3292C32.5773 40.3292 40.328 32.5787 40.328 23.0537C40.328 13.5281 32.5773 5.77866 23.0533 5.77866ZM23.0533 46.1068C10.3413 46.1068 0 35.7657 0 23.0537C0 10.3428 10.3413 -1.64172e-06 23.0533 -1.64172e-06C35.764 -1.64172e-06 46.1053 10.3428 46.1053 23.0537C46.1053 35.7657 35.764 46.1068 23.0533 46.1068" fill="#FDE877"/>
|
||||
<mask id="mask0_716_14153" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="11" width="18" height="22">
|
||||
<path d="M29.294 14.8868C29.3148 14.8864 29.3354 14.8859 29.3559 14.8853L29.3842 14.867C25.7265 8.62766 20.9438 13.54 20.9438 13.54L20.9506 13.552L20.9495 13.5523C23.6998 18.3744 28.927 15.1601 29.3546 14.8853C29.3345 14.8859 29.3143 14.8864 29.294 14.8868Z" fill="#FFE28A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.561 16.5163C23.4318 16.9631 24.3848 17.1162 25.2967 17.1136C25.8266 17.6002 26.2674 18.1719 26.6816 18.7588C26.8533 19.004 27.0082 19.2606 27.1452 19.5268C27.462 20.1367 27.6949 20.782 27.9306 21.4349C27.9997 21.6264 28.0691 21.8187 28.1409 22.0107C28.1634 22.093 28.1869 22.1753 28.2114 22.2577C28.5755 23.5063 29.1079 24.8398 29.8201 25.9411C30.0557 26.3028 30.3191 26.6456 30.6089 26.9657C30.6659 27.0274 30.7243 27.0885 30.7827 27.1497C31.0555 27.4355 31.3302 27.7234 31.486 28.0835C31.6799 28.5323 31.665 29.0484 31.5484 29.5234C30.9981 31.7618 28.8424 32.35 26.7822 32.4043L26.7832 32.4017C26.0107 32.4171 25.2435 32.3596 24.5632 32.2899C24.5632 32.2899 21.2825 31.9503 18.5017 29.9172L18.4605 29.8861C18.1184 29.6343 17.7926 29.3611 17.4852 29.068C16.7057 28.3241 16.0122 27.4804 15.4818 26.5541L15.4922 26.5437C15.4294 26.4307 15.3692 26.3165 15.3115 26.2012C14.7985 25.1743 14.4858 24.0565 14.4716 22.8684C14.4475 20.8746 15.1296 18.8328 16.4262 17.3525L16.4249 17.3491C17.1269 16.5802 18.0042 15.9762 19.0428 15.6323C19.694 15.4147 20.3775 15.3103 21.0639 15.3235C21.4815 15.8138 21.9901 16.2183 22.561 16.5163Z" fill="#FFE28A"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_716_14153)">
|
||||
<path d="M37.3051 8.79768L8.78906 37.3138C12.4384 40.9643 17.4784 43.2201 23.0477 43.2201C34.1837 43.2201 43.2104 34.1925 43.2104 23.0566C43.2104 17.4883 40.9544 12.4482 37.3051 8.79768" fill="#FFCF40"/>
|
||||
</g>
|
||||
<mask id="mask1_716_14153" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="11" width="18" height="22">
|
||||
<path d="M29.294 14.8868C29.3148 14.8864 29.3354 14.8859 29.3559 14.8853L29.3842 14.867C25.7265 8.62766 20.9438 13.54 20.9438 13.54L20.9506 13.552L20.9495 13.5523C23.6998 18.3744 28.927 15.1601 29.3546 14.8853C29.3345 14.8859 29.3143 14.8864 29.294 14.8868Z" fill="#FFE28A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.561 16.5163C23.4318 16.9631 24.3848 17.1162 25.2967 17.1136C25.8266 17.6002 26.2674 18.1719 26.6816 18.7588C26.8533 19.004 27.0082 19.2606 27.1452 19.5268C27.462 20.1367 27.6949 20.782 27.9306 21.4349C27.9997 21.6264 28.0691 21.8187 28.1409 22.0107C28.1634 22.093 28.1869 22.1753 28.2114 22.2577C28.5755 23.5063 29.1079 24.8398 29.8201 25.9411C30.0557 26.3028 30.3191 26.6456 30.6089 26.9657C30.6659 27.0274 30.7243 27.0885 30.7827 27.1497C31.0555 27.4355 31.3302 27.7234 31.486 28.0835C31.6799 28.5323 31.665 29.0484 31.5484 29.5234C30.9981 31.7618 28.8424 32.35 26.7822 32.4043L26.7832 32.4017C26.0107 32.4171 25.2435 32.3596 24.5632 32.2899C24.5632 32.2899 21.2825 31.9503 18.5017 29.9172L18.4605 29.8861C18.1184 29.6343 17.7926 29.3611 17.4852 29.068C16.7057 28.3241 16.0122 27.4804 15.4818 26.5541L15.4922 26.5437C15.4294 26.4307 15.3692 26.3165 15.3115 26.2012C14.7985 25.1743 14.4858 24.0565 14.4716 22.8684C14.4475 20.8746 15.1296 18.8328 16.4262 17.3525L16.4249 17.3491C17.1269 16.5802 18.0042 15.9762 19.0428 15.6323C19.694 15.4147 20.3775 15.3103 21.0639 15.3235C21.4815 15.8138 21.9901 16.2183 22.561 16.5163Z" fill="#FFE28A"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_716_14153)">
|
||||
<path d="M23.0468 2.8925C11.9095 2.8925 2.88281 11.9217 2.88281 23.0566C2.88281 28.6244 5.14015 33.6654 8.78815 37.3138L37.3041 8.7977C33.6548 5.14983 28.6135 2.8925 23.0468 2.8925Z" fill="#FDE877"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -0,0 +1,19 @@
|
|||
<svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M23.1562 3.30523C12.0189 3.30523 2.99219 12.3344 2.99219 23.4694C2.99219 29.0371 5.24953 34.0782 8.89753 37.7266L37.4135 9.21043C33.7642 5.56256 28.7229 3.30523 23.1562 3.30523Z" fill="#C0C0C0"/>
|
||||
<path d="M37.4144 9.21041L8.89844 37.7265C12.5478 41.3771 17.5878 43.6328 23.1571 43.6328C34.2931 43.6328 43.3198 34.6052 43.3198 23.4693C43.3198 17.9011 41.0638 12.8609 37.4144 9.21041" fill="#B8B8B8"/>
|
||||
<path d="M23.1627 6.19139C13.6374 6.19139 5.88804 13.9409 5.88804 23.4665C5.88804 32.9914 13.6374 40.7419 23.1627 40.7419C32.6867 40.7419 40.4374 32.9914 40.4374 23.4665C40.4374 13.9409 32.6867 6.19139 23.1627 6.19139ZM23.1627 46.5195C10.4507 46.5195 0.109375 36.1785 0.109375 23.4665C0.109375 10.7555 10.4507 0.41273 23.1627 0.41273C35.8734 0.41273 46.2147 10.7555 46.2147 23.4665C46.2147 36.1785 35.8734 46.5195 23.1627 46.5195" fill="#D8D6D6"/>
|
||||
<mask id="mask0_715_14152" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="12" width="18" height="21">
|
||||
<path d="M29.4033 15.2995C29.4242 15.2991 29.4448 15.2986 29.4653 15.298L29.4936 15.2798C25.8359 9.0404 21.0532 13.9527 21.0532 13.9527L21.06 13.9647L21.0588 13.965C23.8092 18.7871 29.0363 15.5728 29.464 15.2981C29.4439 15.2987 29.4237 15.2992 29.4033 15.2995Z" fill="#FFE28A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.6704 16.929C23.5412 17.3758 24.4942 17.5289 25.4061 17.5263C25.9359 18.013 26.3768 18.5846 26.791 19.1716C26.9627 19.4167 27.1176 19.6733 27.2546 19.9395C27.5713 20.5494 27.8043 21.1947 28.04 21.8477C28.1091 22.0391 28.1785 22.2314 28.2503 22.4235C28.2728 22.5057 28.2963 22.588 28.3208 22.6704C28.6848 23.919 29.2173 25.2525 29.9295 26.3538C30.1651 26.7156 30.4285 27.0583 30.7183 27.3784C30.7753 27.4401 30.8336 27.5013 30.8921 27.5625C31.1649 27.8483 31.4396 28.1361 31.5954 28.4962C31.7893 28.945 31.7744 29.4612 31.6578 29.9361C31.1075 32.1746 28.9518 32.7628 26.8916 32.817L26.8926 32.8145C26.1201 32.8299 25.3529 32.7723 24.6726 32.7026C24.6726 32.7026 21.3919 32.363 18.6111 30.3299L18.5698 30.2988C18.2278 30.047 17.902 29.7739 17.5945 29.4808C16.8151 28.7369 16.1216 27.8931 15.5912 26.9668L15.6015 26.9564C15.5387 26.8434 15.4785 26.7292 15.4209 26.6139C14.9079 25.5871 14.5952 24.4692 14.581 23.2811C14.5569 21.2873 15.239 19.2455 16.5356 17.7652L16.5343 17.7618C17.2362 16.9929 18.1136 16.3889 19.1522 16.045C19.8033 15.8275 20.4869 15.723 21.1733 15.7362C21.5909 16.2266 22.0995 16.6311 22.6704 16.929Z" fill="#FFE28A"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_715_14152)">
|
||||
<path d="M37.4144 9.21041L8.89844 37.7265C12.5478 41.3771 17.5878 43.6328 23.1571 43.6328C34.2931 43.6328 43.3198 34.6052 43.3198 23.4693C43.3198 17.9011 41.0638 12.8609 37.4144 9.21041" fill="#C7C7C7"/>
|
||||
</g>
|
||||
<mask id="mask1_715_14152" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="12" width="18" height="21">
|
||||
<path d="M29.4033 15.2995C29.4242 15.2991 29.4448 15.2986 29.4653 15.298L29.4936 15.2798C25.8359 9.0404 21.0532 13.9527 21.0532 13.9527L21.06 13.9647L21.0588 13.965C23.8092 18.7871 29.0363 15.5728 29.464 15.2981C29.4439 15.2987 29.4237 15.2992 29.4033 15.2995Z" fill="#FFE28A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.6704 16.929C23.5412 17.3758 24.4942 17.5289 25.4061 17.5263C25.9359 18.013 26.3768 18.5846 26.791 19.1716C26.9627 19.4167 27.1176 19.6733 27.2546 19.9395C27.5713 20.5494 27.8043 21.1947 28.04 21.8477C28.1091 22.0391 28.1785 22.2314 28.2503 22.4235C28.2728 22.5057 28.2963 22.588 28.3208 22.6704C28.6848 23.919 29.2173 25.2525 29.9295 26.3538C30.1651 26.7156 30.4285 27.0583 30.7183 27.3784C30.7753 27.4401 30.8336 27.5013 30.8921 27.5625C31.1649 27.8483 31.4396 28.1361 31.5954 28.4962C31.7893 28.945 31.7744 29.4612 31.6578 29.9361C31.1075 32.1746 28.9518 32.7628 26.8916 32.817L26.8926 32.8145C26.1201 32.8299 25.3529 32.7723 24.6726 32.7026C24.6726 32.7026 21.3919 32.363 18.6111 30.3299L18.5698 30.2988C18.2278 30.047 17.902 29.7739 17.5945 29.4808C16.8151 28.7369 16.1216 27.8931 15.5912 26.9668L15.6015 26.9564C15.5387 26.8434 15.4785 26.7292 15.4209 26.6139C14.9079 25.5871 14.5952 24.4692 14.581 23.2811C14.5569 21.2873 15.239 19.2455 16.5356 17.7652L16.5343 17.7618C17.2362 16.9929 18.1136 16.3889 19.1522 16.045C19.8033 15.8275 20.4869 15.723 21.1733 15.7362C21.5909 16.2266 22.0995 16.6311 22.6704 16.929Z" fill="#FFE28A"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_715_14152)">
|
||||
<path d="M23.1562 3.30523C12.0189 3.30523 2.99219 12.3344 2.99219 23.4694C2.99219 29.0371 5.24953 34.0782 8.89753 37.7266L37.4135 9.21043C33.7642 5.56256 28.7229 3.30523 23.1562 3.30523Z" fill="#D8D6D6"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -150,6 +150,7 @@
|
|||
"funding": "Funding",
|
||||
"funding-chart-title": "Funding – Last 30 days (current bar is delayed)",
|
||||
"futures": "Futures",
|
||||
"futures-only": "Futures Only",
|
||||
"get-started": "Get Started",
|
||||
"governance": "Governance",
|
||||
"health": "Health",
|
||||
|
|
@ -318,6 +319,7 @@
|
|||
"profile-menu-tip-title": "Profile Menu",
|
||||
"profit-price": "Profit Price",
|
||||
"quantity": "Quantity",
|
||||
"rank": "Rank",
|
||||
"rates": "Deposit/Borrow Rates",
|
||||
"read-more": "Read More",
|
||||
"recent": "Recent",
|
||||
|
|
@ -421,6 +423,7 @@
|
|||
"total-funding": "Total Funding",
|
||||
"total-funding-stats": "Total Funding Earned/Paid",
|
||||
"total-liabilities": "Total Liabilities Value",
|
||||
"total-pnl": "Total PnL",
|
||||
"total-srm": "Total SRM in Mango",
|
||||
"totals": "Totals",
|
||||
"trade": "Trade",
|
||||
|
|
@ -448,6 +451,7 @@
|
|||
"v3-welcome": "Welcome to Mango",
|
||||
"value": "Value",
|
||||
"view": "View",
|
||||
"view-account": "View Account",
|
||||
"view-all-trades": "View all trades in the Account page",
|
||||
"view-counterparty": "View Counterparty",
|
||||
"view-transaction": "View Transaction",
|
||||
|
|
|
|||
|
|
@ -150,6 +150,7 @@
|
|||
"funding": "Fondos",
|
||||
"funding-chart-title": "Fondos (últimos 30 días)",
|
||||
"futures": "Futuros",
|
||||
"futures-only": "Futures Only",
|
||||
"get-started": "Comenzar",
|
||||
"governance": "Governance",
|
||||
"health": "Salud",
|
||||
|
|
@ -318,6 +319,7 @@
|
|||
"profile-menu-tip-title": "Menú de perfil",
|
||||
"profit-price": "Precio de beneficio",
|
||||
"quantity": "Cantidad",
|
||||
"rank": "Rank",
|
||||
"rates": "Tasas de depósito / préstamo",
|
||||
"read-more": "Leer más",
|
||||
"recent": "Reciente",
|
||||
|
|
@ -421,6 +423,7 @@
|
|||
"total-funding": "Financiamiento total",
|
||||
"total-funding-stats": "Financiamiento total ganado / pagado",
|
||||
"total-liabilities": "Valor del pasivo total",
|
||||
"total-pnl": "Total PnL",
|
||||
"total-srm": "SRM total en mango",
|
||||
"totals": "Totales",
|
||||
"trade": "Comercio",
|
||||
|
|
@ -448,6 +451,7 @@
|
|||
"v3-welcome": "Bienvenido a Mango V3",
|
||||
"value": "Valor",
|
||||
"view": "View",
|
||||
"view-account": "View Account",
|
||||
"view-all-trades": "Ver todas las operaciones en la página de la cuenta",
|
||||
"view-counterparty": "Ver contraparte",
|
||||
"view-transaction": "Ver transacción",
|
||||
|
|
|
|||
|
|
@ -150,6 +150,7 @@
|
|||
"funding": "资金费",
|
||||
"funding-chart-title": "资金费 – 前30天(图表有点延迟)",
|
||||
"futures": "永续合约",
|
||||
"futures-only": "Futures Only",
|
||||
"get-started": "开始",
|
||||
"governance": "治理",
|
||||
"health": "健康度",
|
||||
|
|
@ -318,6 +319,7 @@
|
|||
"profile-menu-tip-title": "个人资料菜单",
|
||||
"profit-price": "止盈价格",
|
||||
"quantity": "数量",
|
||||
"rank": "Rank",
|
||||
"rates": "存款/借贷利率",
|
||||
"read-more": "看更多资料",
|
||||
"recent": "最近",
|
||||
|
|
@ -421,6 +423,7 @@
|
|||
"total-funding": "资金费总数量",
|
||||
"total-funding-stats": "资金费收/付统计",
|
||||
"total-liabilities": "总债务价值",
|
||||
"total-pnl": "Total PnL",
|
||||
"total-srm": "在Mango裡的SRM总量",
|
||||
"totals": "总量",
|
||||
"trade": "交易",
|
||||
|
|
@ -448,6 +451,7 @@
|
|||
"v3-welcome": "欢迎到Mango V3",
|
||||
"value": "价值",
|
||||
"view": "查看",
|
||||
"view-account": "View Account",
|
||||
"view-all-trades": "在帐户页面查看所以交易",
|
||||
"view-counterparty": "查看交易对方",
|
||||
"view-transaction": "查看交易",
|
||||
|
|
|
|||
|
|
@ -150,6 +150,7 @@
|
|||
"funding": "資金費",
|
||||
"funding-chart-title": "資金費 – 前30天(圖表有點延遲)",
|
||||
"futures": "永續合約",
|
||||
"futures-only": "Futures Only",
|
||||
"get-started": "開始",
|
||||
"governance": "治理",
|
||||
"health": "健康度",
|
||||
|
|
@ -318,6 +319,7 @@
|
|||
"profile-menu-tip-title": "個人資料菜單",
|
||||
"profit-price": "止盈價格",
|
||||
"quantity": "數量",
|
||||
"rank": "Rank",
|
||||
"rates": "存款/借貸利率",
|
||||
"read-more": "看更多資料",
|
||||
"recent": "最近",
|
||||
|
|
@ -421,6 +423,7 @@
|
|||
"total-funding": "資金費總數量",
|
||||
"total-funding-stats": "資金費收/付統計",
|
||||
"total-liabilities": "總債務價值",
|
||||
"total-pnl": "Total PnL",
|
||||
"total-srm": "在Mango裡的SRM總量",
|
||||
"totals": "總量",
|
||||
"trade": "交易",
|
||||
|
|
@ -448,6 +451,7 @@
|
|||
"v3-welcome": "歡迎到Mango V3",
|
||||
"value": "價值",
|
||||
"view": "查看",
|
||||
"view-account": "View Account",
|
||||
"view-all-trades": "在帳戶頁面查看所以交易",
|
||||
"view-counterparty": "查看交易對方",
|
||||
"view-transaction": "查看交易",
|
||||
|
|
|
|||
Loading…
Reference in New Issue