acid-info/logos-ordinals-dashboard
1
0
Fork 0
mirror of https://github.com/acid-info/logos-ordinals-dashboard.git synced 2025-02-04 09:34:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: calculate progress

Browse Source
This commit is contained in:
jinhojang6 2024-12-18 10:39:14 +09:00
parent 9bdd965d32
commit 8e44f9891e
No known key found for this signature in database
GPG Key ID: 1762F21FE8B543F8
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Dashboard/ProgressBar/ProgressBar.tsx
View File

@ -18,6 +18,8 @@ const ProgressBar: React.FC<ProgressBarProps> = ({
const user = useAtomValue(userInfoAtom)
const epochs = useAtomValue(epochsAtom)
console.log('epochs', epochs)
// const { data: currentBlock } = useGetCurrentBTCBlock()
// const { data: pillars } = useGetPillars()
@ -33,7 +35,11 @@ const ProgressBar: React.FC<ProgressBarProps> = ({
// console.log('user', user)
const epochXP = user?.current_epoch_staking_xp_total || 0
// console.log('epochXP', epochXP)
const progressCalculated =
(epochs?.length &&
epochs[0]?.epoch_blocks_completed / epochs[0]?.epoch_blocks_total) *
100 || 0
return (
<Container>
@ -43,7 +49,7 @@ const ProgressBar: React.FC<ProgressBarProps> = ({
</ProgressHeader>
<ProgressRow>
<ProgressTrack>
<ProgressFill width={progress} />
<ProgressFill width={progressCalculated} />
<ClaimPeriodWrapper>
<ClaimPeriod position={claimPosition}>cooldown</ClaimPeriod>
<VerticalBar />