Create a leaderboard small card for index

[petrvecera]

We need to create a small leaderboard panel on the index page.

It should show 10 players, it will be just 1v1, there will be switch for all 4 factions (we could maybe use just the faction icons). It should just show columns: rank, elo, alias, streak, ration, total, last game ?? We can test this and see how it looks, maybe we will need to remove some of it out to make it smaller.

If you want to pick this, feel free to ask for additional questions.

We can take inspiration from https://aoe4world.com/

[MarkTallentire]

This one is actually a bit harder than it looks.

I made a start but there's quite a bit of moving things around to get to here, I then got a bit stuck on getting the data to it (I'm a Vue developer mainly so never used Next.js)

I'm not going to claim this and say I'll definitely do it because of my work commitments so if someone wants to pick it up still, feel free. If anyone well versed in Next JS wants to pick it up you should just be able to pass the props to the new component components\leaderboards\leaderboards-table.tsx on my fork and be pretty much done minus a bit of cleanup of the index and leaderboards screen files.

[petrvecera]

@MarkTallentire can you please make a draft MR? I can improve it for you to get the data. The idea how to get the data:

• The first data are requested via SSR ( server side rendering)

• When you switch the faction, it would be client side

  Btw if you would like to pick more tasks. I can definitely specify them in much more detail. :)

  Thank you

[MarkTallentire]

I think this issue can be closed now?

[petrvecera]

Thank you very much 👍