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
Branch
cashtab-agora-view
Lint
Lint Passed
Unit
No Test Coverage
Build Status
Buildable 33010
Build 65504: Build Diffcashtab-tests
Build 65503: arc lint + arc unit

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.