Customize Banners

[juniusfree]

📌 References

• Wonder issue:
• Related pull-requests: https://github.com/wondrous-dev/wondrous-backend/pull/1047

📘 Description

Added base banner files

App.tsx Changes

• CustomizeBannersPage import: Imported the Customize Banners page.
• /settings/customize-banners route: Added a new route for customizing banners.

CustomizeBanners Component (index.tsx)

• New component: Added a new component for customizing command banners.
• Image handling: Enables uploading, replacing, and deleting banner and top images for commands.
• Command banners data: Contains definitions for various command banners, including quests, submissions, level, leaderboard, store, purchases, and onboard me.
• GraphQL operations: Implements mutations for updating and deleting organization banners.

CustomizeBanners Styles (styles.tsx)

• New styles: Added styled components for the Customize Banners page layout.

MenuSwitcher.tsx Changes

• Customize Banners menu item: Added a new menu item for accessing the Customize Banners settings page.

GraphQL

• orgAsset.ts fragment: Defined a new GraphQL fragment for organization banners.
• orgAsset.ts mutations: Added mutations for updating and deleting organization banners.
• orgAsset.ts query: Added a query to fetch organization banners.

customize-banners.tsx Page

• New settings page: Added a new settings page to incorporate the Customize Banners component within the settings layout.

🎥 Screenshot or Video

https://www.loom.com/share/e97a800264e541808349a2dbaab88eb7

🍰 Checklist:

• I self-reviewed my changes
• My changes follow the style guide: https://creative-earth-33e.notion.site/TT-Wonder-Style-guide-4702a45133374148953bfcaf584120b7
• I tested my changes in Chrome

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
wonderverse-web	❌ Failed (Inspect)			Mar 23, 2024 0:31am
wondrous-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 23, 2024 0:31am
wondrous-bot-admin	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 23, 2024 0:31am