Page MenuHomePhabricator

[cashtab] CSS tweak for default desktop agora view
ClosedPublic

Authored by johnkuney on Thu, Apr 17, 02:04.

Details

Summary

It was looking a little odd that the default desktop view for agora has 4 cards but they dont
take the full width.

Adjusting it to a 4 column grid when all the offers are not loaded.

We could just leave it always 4 columns, but 5 is nice on large screens when there is a lot of content

Test Plan

npm start, go to agora check the columns, loadallzeoffers and check the columns

Diff Detail

Repository
rABC Bitcoin ABC
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

This revision is now accepted and ready to land.Thu, Apr 17, 04:44
bytesofman added a subscriber: bytesofman.
bytesofman added inline comments.
cashtab/src/components/Agora/index.tsx
634 ↗(On Diff #53516)

instead of passing this prop, should instead pass the total number of offers in the table

then the max should be

  • 5 if we have 5 or more
  • the total number of offers if we have less than 5

Kind of moot since we can reasonably expect to have "just one more" token on the agora landing page prob sometime soon. but if/when that happens, we need to undo this diff in the current form since then we'll have a weirder "4 across and 1 below" pattern.

This revision now requires changes to proceed.Thu, Apr 17, 13:48
cashtab/src/components/Agora/styled.ts
24–29 ↗(On Diff #53516)

make the column logic more flexible for more whitelisted tokens

nit, the offer usually refers to the actual AgoraOffer, but in this case we want to specify that we mean a count

cashtab/src/components/Agora/index.tsx
633 ↗(On Diff #53538)
cashtab/src/components/Agora/styled.ts
24–30 ↗(On Diff #53538)
This revision is now accepted and ready to land.Thu, Apr 17, 15:36
This revision was landed with ongoing or failed builds.Thu, Apr 17, 16:05
This revision was automatically updated to reflect the committed changes.