Token allocation chart

[bobo-k2]

Pull Request Summary

Check list

• contains breaking changes
• adds new feature
• modifies existing feature (bug fix or improvements)
• relies on other tasks
• documentation changes
• tested on mobile devices

This pull request makes the following changes:

Adds

• (ex: Add feature A)

Fixes

• (ex: Fix validation function)

Changes

• (ex: Change document B)

To-dos

*Feel free to remove this section if it's not applicable

• (ex: add user list)

[github-actions]

Visit the preview URL for this PR (updated for commit 10b117d):

https://astar-apps--pr914-feat-token-chart-g9s5kgen.web.app

_{(expires Thu, 14 Sep 2023 12:16:42 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: dd76fe72958fe2910fef9d53f0b4539b82b849db}

[Kahonnohak]

Looks good!

So the main issue here is the Others still including some tokens from circulation supply. Please check

• According to our current Portal, Others should be 37% and Circulation should be 63%, those need to be dynamic.
• In side of TVL it is nice if we know how much are unbonding but not "must"

[bobo-k2]

https://astar-apps--pr914-feat-token-chart-g9s5kgen.web.app

Looks good!

So the main issue here is the Others still including some tokens from circulation supply. Please check

• According to our current Portal, Others should be 37% and Circulation should be 63%, those need to be dynamic.
• In side of TVL it is nice if we know how much are unbonding but not "must"

Yes, I am aware of that, but the issue happens because I am missing data for some token allocations. In reality, we have the following situation
37% - others
44% - tvl
4% - treasury
15% - unknown

I can add one more section to the chart for this unknown allocations, but not sure how to call it

[Kahonnohak]

so 15% must be the tokens on the market, so please use blue gradients that is very clear for people to see one in circulation, and the other is not.

Thats why I wanted to use the word "locked" for Not Circulating supply instead of Other, so we can use the Other for some tokens that is in the wallets. Let me confirm the name with Maarten once the chart allocation is fixed.

[bobo-k2]

Added 4th segment. Also added two decimal point to percentage, otherwise percentage rounding make such mistake that at the end percentages sum up to 101%

[Kahonnohak]

Right!

1, Wording
In the pie chart
Not Circulation Supply -> Others
Not categorised (Other currently) -> Circulating
TVL-> Staking

The out side of the chart, right bottom
Circulating
Others

I added (s) to Other.

That should be aligned and okay!

2, Could you also adjust padding a bit, I could not see the exact numbers but just a little..

[Kahonnohak]

Bobo, sorry, I was not looking at the Light theme.

Could you change the Other colour in the chart from Navy to Grey001 F7F7F8. It might be too light but I could not check the change in the inspect🙇

[Kahonnohak]

LGTM!

[gluneau]

LGTM, it works.