Rotating, Swipeable Announcements Banner

omakasebar commented 3 years ago

Operational Preface:

Open a new branch when ready for review open a PR against Canary. Branch should be titled announcements_banner and mention this issue

Sample Design Page:

Currently there is only one announcement in the swap section. In order to allow for announcements the following enhancements should be made:

allow for multiple banners
banner should accept any jsx child element
auto rotating
keep current conditions (banner disappears when user performs a swap, this is already enabled)
swipeable on mobile / draggable on desktop
stretch: accessibility: on click on desktop user should be able to toggle with left right arrows
stretch: possible dots on the bottom of or inside the banner indicating which banner is current and how many there are

omakasebar commented 3 years ago

@msilucifer if you could provide an update to this issue that would be appreciated! Thanks

chillichelli commented 3 years ago

Wouldn't it make sense to fetch the banners from some CMS? In figma we can just extract banners with text as an image right?

omakasebar commented 3 years ago

Hmm CMS would be cool - but we could just have it as static json/image. Which CMS should we use?

chillichelli commented 3 years ago

Yea that could also work. I don't really have much experience with CMS's but any headless cms would suffice

msilucifer commented 3 years ago

I am working on this issue now.

Aveesh52-zz commented 3 years ago

Can I work on this issue?

omakasebar commented 3 years ago

@msilucifer mind giving an update? Or will reassign to @Aveesh52

msilucifer commented 3 years ago

No, I am working on this issue. I sent some DMs to you.

omakasebar commented 3 years ago

Please provide related updates in the issue. Thanks!

msilucifer commented 3 years ago

Okay

sushiswap / sushiswap-interface