Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

I voted SBT date fix (#225) #226

Merged
merged 1 commit into from
Oct 9, 2023
Merged

I voted SBT date fix (#225) #226

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
89 changes: 49 additions & 40 deletions src/components/common/TokenDetails.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,46 +36,55 @@ export const TokenDetails = ({ data }) => {
</svg>
<p>Token ID: {data?.token}</p>
</div>
<div className="flex items-center gap-2">
<svg height="20px" fill="#000000" viewBox="0 0 24 24">
<path d="M12,1A11,11,0,1,0,23,12,11.013,11.013,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9.011,9.011,0,0,1,12,21ZM17.737,8.824a1,1,0,0,1-.061,1.413l-6,5.5a1,1,0,0,1-1.383-.03l-3-3a1,1,0,0,1,1.415-1.414l2.323,2.323,5.294-4.853A1,1,0,0,1,17.737,8.824Z"></path>
</svg>
<p>
Issued on: {dayjs(data?.metadata?.issued_at).format('DD MMMM YYYY')}
</p>
</div>
<div className="flex items-center gap-2">
<svg height="20px" viewBox="0 0 24 24" fill="none">
<path
id="Vector"
d="M12 7V12H17M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z"
stroke="#000000"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
<p>
Expires on: {dayjs(data?.metadata?.expires_at).format('DD MMMM YYYY')}
</p>
</div>
<div className="flex items-center gap-2">
<svg
height="20px"
fill="#000000"
version="1.1"
viewBox="0 0 32.75 32.75"
>
<path d="M29.375,1.25h-1.124c0.028-0.093,0.058-0.186,0.058-0.289C28.311,0.431,27.879,0,27.348,0s-0.961,0.431-0.961,0.961 c0,0.103,0.028,0.196,0.059,0.289h-3.68c0.029-0.093,0.058-0.186,0.058-0.289C22.823,0.43,22.393,0,21.861,0 C21.331,0,20.9,0.431,20.9,0.961c0,0.103,0.029,0.196,0.059,0.289h-3.68c0.029-0.093,0.058-0.186,0.058-0.289 C17.336,0.431,16.906,0,16.375,0c-0.531,0-0.961,0.431-0.961,0.961c0,0.103,0.029,0.196,0.058,0.289h-3.68 c0.029-0.093,0.058-0.186,0.058-0.289C11.85,0.431,11.419,0,10.888,0c-0.531,0-0.961,0.431-0.961,0.961 c0,0.103,0.028,0.196,0.058,0.289h-3.68c0.03-0.093,0.058-0.186,0.058-0.289C6.363,0.43,5.933,0,5.402,0 C4.871,0,4.441,0.431,4.441,0.961c0,0.103,0.029,0.196,0.058,0.289H3.375c-1.517,0-2.75,1.233-2.75,2.75v26 c0,1.518,1.233,2.75,2.75,2.75H26.27l5.855-5.855V4C32.125,2.483,30.893,1.25,29.375,1.25z M30.625,26.273l-0.311,0.311h-2.356 c-1.101,0-2,0.9-2,2v2.355l-0.31,0.311H3.375c-0.689,0-1.25-0.561-1.25-1.25V9h28.5V26.273z"></path>{' '}
<polygon points="5.563,21.127 5.508,19.896 5.398,18.729 5.42,18.729 6.861,23.812 8.665,23.812 10.106,18.729 10.128,18.729 9.997,20.16 9.963,21.393 9.963,23.812 12.296,23.812 12.296,15.891 9.16,15.891 7.763,20.831 6.366,15.891 3.23,15.891 3.23,23.812 5.563,23.812 "></polygon>
<path d="M16.98,24.021c2.344,0,4.16-1.519,4.16-4.213c0-2.091-1.332-4.126-4.16-4.126c-2.463,0-4.146,1.618-4.146,4.104 C12.833,22.48,14.495,24.021,16.98,24.021z M16.959,17.618c1.145-0.033,1.584,1.11,1.584,2.188c0,1.31-0.439,2.277-1.562,2.277 c-1.243,0-1.55-1.266-1.55-2.277C15.43,18.807,15.782,17.618,16.959,17.618z"></path>
<polygon points="24.264,21.305 24.164,19.5 26.991,23.812 29.422,23.812 29.422,15.891 26.936,15.891 26.936,18.41 27.035,20.214 24.208,15.891 21.775,15.891 21.775,23.812 24.264,23.812 "></polygon>{' '}
</svg>
<p>
Days until expiration:{' '}
{Math.abs(dayjs(data?.metadata?.expires_at).diff(Date.now(), 'days'))}
</p>
</div>
{data?.metadata?.issued_at && (
<div className="flex items-center gap-2">
<svg height="20px" fill="#000000" viewBox="0 0 24 24">
<path d="M12,1A11,11,0,1,0,23,12,11.013,11.013,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9.011,9.011,0,0,1,12,21ZM17.737,8.824a1,1,0,0,1-.061,1.413l-6,5.5a1,1,0,0,1-1.383-.03l-3-3a1,1,0,0,1,1.415-1.414l2.323,2.323,5.294-4.853A1,1,0,0,1,17.737,8.824Z"></path>
</svg>
<p>
Issued on: {dayjs(data?.metadata?.issued_at).format('DD MMMM YYYY')}
</p>
</div>
)}
{data?.metadata?.expires_at && (
<div className="flex items-center gap-2">
<svg height="20px" viewBox="0 0 24 24" fill="none">
<path
id="Vector"
d="M12 7V12H17M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z"
stroke="#000000"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
<p>
Expires on:{' '}
{dayjs(data?.metadata?.expires_at).format('DD MMMM YYYY')}
</p>
</div>
)}
{data?.metadata?.expires_at && (
<div className="flex items-center gap-2">
<svg
height="20px"
fill="#000000"
version="1.1"
viewBox="0 0 32.75 32.75"
>
<path d="M29.375,1.25h-1.124c0.028-0.093,0.058-0.186,0.058-0.289C28.311,0.431,27.879,0,27.348,0s-0.961,0.431-0.961,0.961 c0,0.103,0.028,0.196,0.059,0.289h-3.68c0.029-0.093,0.058-0.186,0.058-0.289C22.823,0.43,22.393,0,21.861,0 C21.331,0,20.9,0.431,20.9,0.961c0,0.103,0.029,0.196,0.059,0.289h-3.68c0.029-0.093,0.058-0.186,0.058-0.289 C17.336,0.431,16.906,0,16.375,0c-0.531,0-0.961,0.431-0.961,0.961c0,0.103,0.029,0.196,0.058,0.289h-3.68 c0.029-0.093,0.058-0.186,0.058-0.289C11.85,0.431,11.419,0,10.888,0c-0.531,0-0.961,0.431-0.961,0.961 c0,0.103,0.028,0.196,0.058,0.289h-3.68c0.03-0.093,0.058-0.186,0.058-0.289C6.363,0.43,5.933,0,5.402,0 C4.871,0,4.441,0.431,4.441,0.961c0,0.103,0.029,0.196,0.058,0.289H3.375c-1.517,0-2.75,1.233-2.75,2.75v26 c0,1.518,1.233,2.75,2.75,2.75H26.27l5.855-5.855V4C32.125,2.483,30.893,1.25,29.375,1.25z M30.625,26.273l-0.311,0.311h-2.356 c-1.101,0-2,0.9-2,2v2.355l-0.31,0.311H3.375c-0.689,0-1.25-0.561-1.25-1.25V9h28.5V26.273z"></path>{' '}
<polygon points="5.563,21.127 5.508,19.896 5.398,18.729 5.42,18.729 6.861,23.812 8.665,23.812 10.106,18.729 10.128,18.729 9.997,20.16 9.963,21.393 9.963,23.812 12.296,23.812 12.296,15.891 9.16,15.891 7.763,20.831 6.366,15.891 3.23,15.891 3.23,23.812 5.563,23.812 "></polygon>
<path d="M16.98,24.021c2.344,0,4.16-1.519,4.16-4.213c0-2.091-1.332-4.126-4.16-4.126c-2.463,0-4.146,1.618-4.146,4.104 C12.833,22.48,14.495,24.021,16.98,24.021z M16.959,17.618c1.145-0.033,1.584,1.11,1.584,2.188c0,1.31-0.439,2.277-1.562,2.277 c-1.243,0-1.55-1.266-1.55-2.277C15.43,18.807,15.782,17.618,16.959,17.618z"></path>
<polygon points="24.264,21.305 24.164,19.5 26.991,23.812 29.422,23.812 29.422,15.891 26.936,15.891 26.936,18.41 27.035,20.214 24.208,15.891 21.775,15.891 21.775,23.812 24.264,23.812 "></polygon>{' '}
</svg>
<p>
Days until expiration:{' '}
{Math.abs(
dayjs(data?.metadata?.expires_at).diff(Date.now(), 'days')
)}
</p>
</div>
)}
<div className="flex items-center">
<a
target="_blank"
Expand Down
12 changes: 7 additions & 5 deletions src/pages/CommunitySBT.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -119,6 +119,13 @@ const CommunitySBTPage = () => {
)
}
/>
<ImageTextBlock
imageSrc={ImageSrc.IVotedSBT}
title="I VOTED SBT"
description="Celebrate your participation in the inaugural NDC election. It is important to mint this SBT to show off your voting record, to vote on future referendums, and much more."
isAvailable={true}
onClick={() => window.open(Links.ELECTIONS, '_blank')}
/>
<ImageTextBlock
imageSrc={ImageSrc.CreativeSBT}
title="Creative"
Expand Down Expand Up @@ -150,11 +157,6 @@ const CommunitySBTPage = () => {
title="Genius"
description="This SBT is a testament to your genius and visionary prowess, propelling the NEAR ecosystem to new heights with brilliant ideas. Unleash its power and shape the future like never before!"
/>
<ImageTextBlock
imageSrc={ImageSrc.IVotedSBT}
title="I VOTED SBT"
description="Celebrate your participation in the inaugural NDC election. It is important to mint this SBT to show off your voting record, to vote on future referendums, and much more."
/>
</div>
</div>
</div>
Expand Down
Loading