[frontend] Loading Component before the first block loads.

[abheektripathy]

We can have a loading component or ghost ui until the first block loads so the page doesn't look empty. Currently it looks like this before we see the first block.

[Megumiiiiii]

Loading animation?

[abheektripathy]

i was thinking more on the perspective of having a skeleton ui until the first block loads, lemme spin something up on figma.

[Megumiiiiii]

yeah it is, you can check there https://avail.light.kessoku.xyz/ , i think cube is more cooler so edit that to cube

[cicada002]

Hi @Megumiiiiii, There is some issue with the night mode toggle switch, On first click the toggle icon doesn't switch but the UI switches. Kindly check.

[Megumiiiiii]

@discord239 edited to 1 icon only also moving the icon to the top right on mobile view https://github.com/availproject/light-client-web/pull/26/commits/6298903195f20b254341859ce035dbdfc0c83793

[cpp-phoenix]

@abheektripathy Is it under development. Otherwise I can take it up

[cpp-phoenix]

Hey @Megumiiiiii, Is it closed or still open?

[Megumiiiiii]

i think they gone.. they've been ignoring every PRs and issues for weeks

[abheektripathy]

what we are looking for here is until the first block loads, the whole page should have a loading animation of sorts, getting the animation ready, then we can implement the loading logic.

[cpp-phoenix]

I can work on it if @Megumiiiiii is not working on it anymore

[Megumiiiiii]

@cpp-phoenix take it

[abheektripathy]

perf, @cpp-phoenix let me get a animation from the team, then let's work on implementing it.