Implemented The frontend for superadmin

[Vayras]

frontend for superadmin
runs on route /superadmin

[ecurrencyhodler]

Hey Vayras! Thanks for submitting the PR. Based on your screenshot, it looks like it's not pixel perfect. You can use dev mode inside of figma to find the exact requirements.

Examples include:

• #'s aren't centered under "# of DTGP" column
• Font looks wrong, especiall ony sign out and export CSV

Also pagination should not be visible if there are no bounties to be viewed.

[ecurrencyhodler]

Here's the figma file.

[kevkevinpal]

please revert this change

[kevkevinpal]

please revert this change

[Vayras]

Sure will fix and implement these changes

[Vayras]

@ecurrencyhodler , I have made some changes also the table pagination works fine with mock bounties data

let me know what you think

[ecurrencyhodler]

Thanks @Vayras there are still a lot of inconsistencies that I'm seeing. For example the arrow next to 7days isn't spaced correctly and the status on the bounties are not capitalized. Please thoroughly review the figma and make sure everything matches.

[Vayras]

@ecurrencyhodler Can you maybe list some changes that you see that you think really needs to be fixed? That would be a great help thanks.

[kevkevinpal]

I'm seeing the eslint check and prettier check failing

[ecurrencyhodler]

@kevkevinpal let's hold off on merging this until we get the design right as well.

[Vayras]

@ecurrencyhodler how About this? let me know what you think so I can raise the PR

[ecurrencyhodler]

Amazing work vayras! Thank you so much for your attention to detail. I have a few items that I noticed which should be quick fixes.

Can we change:

• Satoshies -> Satoshis
• Capitalize: Bounties assigned -> Bounties Assigned
• Capitalize: OPEN, PAID, ASSIGNED
• Add "..." to the names in the bounty section if it exceed a certain length.
• "Bounties Paid" (next to 100%) -> Completed

[ecurrencyhodler]

Also can you address the eslint and prettier issues?

[Vayras]

I have added the commit , I might have tagged the wrong issue number , apologies for that , I have made all the necessary changes , ran prettier and eslint aswell, let me know the update on this , thanks

[ecurrencyhodler]

@Vayras can you do one more screenshot of your updates? Then we can do one more code review.

[Vayras]

@Vayras can you do one more screenshot of your updates? Then we can do one more code review.

Yeah sure

[Vayras]

[Vayras]

@ecurrencyhodler here's the screenshot , for the issue , for now I have centered the whole thing for a better user experience on ultrawide monitors , let me know your perspective.

[ecurrencyhodler]

@Vayras what text font are you using?

And are the status font bold or not bold?

[ecurrencyhodler]

Thanks for addressing my other comments!

[Vayras]

@Vayras what text font are you using?

And are the status font bold or not bold?

Barlow , same as the figma file , status font is set to bold

[Vayras]

Thanks for addressing my other comments!

You're welcome, let me know if there's an update for me , or if you want any changes

[ecurrencyhodler]

Okay for some reason it doesn't look the same as the figma.

But let's go ahead with a code review @kevkevinpal or @elraphty

[kevkevinpal]

had issues updating accidentally closed so its reopened here sorry for any inconvenience

#1080