PK-08: Design and Implement New Section in Back-Office App

[sebpalluel]

PK-08: Design and Implement New Section in Back-Office App

Description

Modify the back-office app to include new sections and tabs, change routing paths, and integrate with Hygraph for data fetching. This includes creating a "Campaigns" section with "Events" and "Lotteries" tabs and adding a "Perks" section with "Content Space" and "Airdrop" tabs.

Tasks

1. Navigation and Routing:
   • Change "Events" to "Campaigns" in the navigation.
   • Implement routing for "/campaigns/events" and "/campaigns/lotteries".
2. Lotteries Integration:
   • Fetch and display lottery data from Hygraph in the "Lotteries" tab.
3. Perks Section:
   • Add "Perks" with "Content Space" (active) and "Airdrop" (disabled) tabs.
   • Integrate "Content Space" tab with Hygraph to display relevant data.
4. Access Control:
   • Secure both sections and ensure they are accessible only by authorized roles.

Acceptance Criteria

1. UI Implementation: The "Campaigns" and "Perks" sections with respective tabs are correctly implemented in the UI.
2. Routing and State Management: Proper routing and state management for navigating between the new tabs and sections.
3. Data Integration: Successful integration with Hygraph for fetching and displaying data in the "Lotteries" and "Content Space" tabs.
4. Security: Access to new sections is restricted based on user roles and permissions.
5. Testing: All new functionalities are thoroughly tested for performance and security.