Earn page react-loading-skeleton

[alekseevaiana]

closes #494

Screen.Recording.2024-06-28.at.9.46.23.AM.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
od-app	✅ Ready (Inspect)	Visit Preview	Jul 1, 2024 7:59pm
od-app-hai	✅ Ready (Inspect)	Visit Preview	Jul 1, 2024 7:59pm
od-app-testnet	✅ Ready (Inspect)	Visit Preview	Jul 1, 2024 7:59pm

[pi0neerpat]

Build is failing due to lockfile not being committed to git

[pi0neerpat]

Colors to try: #89B3FB #2871FD

[pi0neerpat]

• 3 containers
• same height as earn container

[alekseevaiana]

Updated it closer to block size. But didn't ask earlier what if we have multiple pools, is it ok to show skeleton just for the first block? Otherwise I think we should change the logic of fetching pools.

Screen.Recording.2024-06-28.at.11.38.21.AM.mov

[pi0neerpat]

We will have multiple items here. The size of each box and the spacing between them should be the same. Right now it looks like they are too close

[alekseevaiana]

We will have multiple items here. The size of each box and the spacing between them should be the same. Right now it looks like they are too close

Do you mean box as Skeleton line? Does each Skeleton line should "close" one pool item? Or three Skeleton lines "closes" all pool items, so I need to make space (between lines) the same as each Skeleton's line height?

[alekseevaiana]

So I made one Skeleton as a one pool, and while it is loading we are showing three of them

Screen.Recording.2024-07-01.at.12.31.02.PM.mov