feat: top 100 addresses notification [OTE-720]

yogurtandjam commented 3 weeks ago

Adds a notification that shows for selected addresses (feedbackRequestWalletAddresses in env.json) that allows user to get in touch.

Also some general notification improvements:

Order notifications such that MustSee notifications aren't clobbered by trading notifications (due to max 10 shown on screen)
Add in missing CTAs on notifications in the sidebar

constants

notifications.ts
- Added FeedbackRequest notification type, is MustSee (undismissable)
- Reordered NotificationCategoryPreferences in order of most noisy -> least noisy (maps to least important to see -> most important to see) so that we can order notifications shown on screen by type
- Moved MAX_TOASTS here from NotificationsToastArea/index.ts

useEnvConfig.ts
- Add feedbackRequestWalletAddresses
useUrlConfigs.ts
- Add getInTouch
useNotificationTypes
- Add notification for feedback request. It only shows if the address is targeted and the getInTouch link is non-null

NotificationsToastArea/index
- Updated toast stack to sort by notification category (so that trading notifications don't immediately hide any MustSee notifications)
NotificationsMenu
- Update code to pass in slotAction when necessary (copied from NotificationStack) so that CTAs are passed in on non custom notifications

Add getInTouch to urlLinks (see slack thread here)
Add feedbackRequestWalletAddresses that should be list of targeted dydx addresses to be configured by deployer

Update getInTouch in env.json to be non empty link
Add in your local dydx address to feedbackRequestWalletAddresses in env.json

linear[bot] commented 3 weeks ago

vercel[bot] commented 3 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
v4-staging	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 26, 2024 10:05pm
v4-testnet	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 26, 2024 10:05pm