feat(xolite): display ram usage from pool dashboard

[MathieuRA]

Screenshot

Check list

Check if done, if not relevant leave unchecked.

• [ ] PR reference the relevant issue (e.g. Fixes #007 or See xoa-support#42)
• [x] if UI changes, a screenshot has been added to the PR
• [ ] documentation updated
• CHANGELOG.unreleased.md:
  • [ ] enhancement/bug fix entry added
  • [ ] list of packages to release updated (${name} v${new version})
• I have tested added/updated features (and impacted code)
  • [ ] unit tests (e.g. cron/parse.spec.js)
  • [ ] if xo-server API changes, the corresponding test has been added to/updated on xo-server-test
  • [x] at least manual testing

Process

1. create a PR as soon as possible
2. mark it as WiP: (Work in Progress) if not ready to be merged
3. when you want a review, add a reviewer (and only one)
4. if necessary, update your PR, and re- add a reviewer

From the Four Agreements:

1. Be impeccable with your word.
2. Don't take anything personally.
3. Don't make assumptions.
4. Always do your best.

[olivierlambert]

Nice! What's the behavior when the name is too long to be displayed? Ellipsis + hover text?

[MathieuRA]

Nice! What's the behavior when the name is too long to be displayed? Ellipsis + hover text?

ATM, the component UsageBar displays the text on several lines if he is too long. We can fix this in another PR.

[olivierlambert]

No worries, I was just curious :)

[ByScripts]

@MathieuRA Could you rebase?

[ByScripts]

UI misses some margins also compared to Figma:

[MathieuRA]

UI misses some margins also compared to Figma:

This will be fixed in another PR.

[pdonias]

When I shutdown a VM that is in the top 5, it doesn't disappear from the list. Can you reproduce?