Customize Banners - Githubissues

wondrous-dev / wondrous-frontend

wondrous-frontend.vercel.app

GNU General Public License v3.0

15 stars 5 forks source link

Customize Banners #2223

Closed juniusfree closed 5 months ago

juniusfree commented 7 months ago

:pushpin: References

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

:blue_book: 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.

:movie_camera: Screenshot or Video

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

:cake: Checklist:

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

vercel[bot] commented 7 months ago

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