Change the grants page list to match the one from transactions list

[Tymmmy]

Context

Observe how the Transaction list works, on larger display, the list has more details displayed and on mobile, only some details remain. Also the date is the first column with the day as a grouping header and the hour part of the row details:

Transactions list Desktop:

Transactions list Mobile:

We would like to have similar style list in the Grants list. Grants can be added there by shoping at Test Boutique or using Interledger Pay for a transaction. (NOTE: The links provided are for 'production' not for local testing. Follow the README instructions to be able to make them work for your local environment).

Todos

• Bring Date to the first column
• Group by date - day as grouping header and hour as part of grant row
• Change 'State' text in the details section of a grant, in the popup
• Change the Created at date to a human readable format in the grant details popup
• Sort by date
• If there are multiple pages, add page numbers for navigation at the bottom of the page
• Add arrows for navigation instead of the 'Next' and 'Previous' buttons

[adityagupta0251]

Hi @Tymmmy,

I’ve reviewed the issue regarding updating the Grants page list to match the style of the Transactions list, including bringing the Date to the first column and grouping by day with the hour in the row details. I’d be happy to work on implementing these changes.

Could you please assign this issue to me?

Thank you!

[Tymmmy]

@adityagupta0251 issue assigned to you

[OluRemiFour]

Hi @Tymmmy ,
I noticed this issue (#2018) has been assigned but hasn’t had activity in a while.
I’d love to work on this as part of Hacktoberfest if it’s still available.
Could I take it or help complete it?
Thanks!

[Tymmmy]

@adityagupta0251 are you working on this? If not, I would assign @OluRemiFour to it.

[adityagupta0251]

@Tymmmy sorry I can't work in it ..
Please go forward & assign it to other

[ARYPROGRAMMER]

@Tymmmy i am up to finish this. kindly assign me

[Tymmmy]

@OluRemiFour I will assign to you. Please confirm you will work on it, otherwise I can assign @ARYPROGRAMMER

[OluRemiFour]

Thank you, I will work on it

…

On Sun, Oct 19, 2025 at 11:24 AM Timea ***@***.***> wrote: Assigned #2018 <#2018> to @OluRemiFour <https://github.com/OluRemiFour>. — Reply to this email directly, view it on GitHub <#2018 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BHST3JEHPXPYKFBCZKB6ZDT3YNRFBAVCNFSM6AAAAACBROHES2VHI2DSMVQWIX3LMV45UABCJFZXG5LFIV3GK3TUJZXXI2LGNFRWC5DJN5XDWMRQGM3DMMJUGM3DMNQ> . You are receiving this because you were assigned.Message ID: ***@***.***>