DCA-7: Design the User Interface for Accessing Content Spaces

[sebpalluel]

DCA-7: Design the User Interface for Accessing Content Spaces

Description

Design and implement a user interface on the Organizer page to display Content Spaces. Each Content Space should be represented as a clickable card, featuring the title and image, and an indication of whether the content is locked or unlocked for the user. The cards should be ordered by updated_at, prioritizing Content Spaces that the user can access.

Tasks

1. UI Design for Content Spaces:
   • Create a design layout to display Content Spaces as clickable cards.
   • Include title and image for each Content Space.
2. Access Indication:
   • Add a lock/unlock icon on each card to indicate accessibility.
3. Card Interaction:
   • Ensure each card is clickable and redirects to the specific Content Space route.
4. Sorting and Prioritization:
   • Implement sorting of Content Spaces by updated_at, from the most recent to the oldest.
   • Prioritize Content Spaces that are accessible (unlocked) for the user.

Acceptance Criteria

1. Visual Appeal and Functionality: The design of the Content Space cards should be visually appealing and functional, providing a clear and concise representation of each Content Space.
2. Access Indication: Each card must accurately display a lock/unlock icon, indicating whether the Content Space is accessible to the user.
3. Interactivity: Clicking on a card should correctly redirect the user to the respective Content Space route.
4. Sorting and Prioritization: Content Spaces must be sorted by their updated_at date, with accessible Content Spaces being displayed more prominently.

Notes

• Focus on creating an intuitive and user-friendly interface.
• Ensure the design is responsive and accommodates various screen sizes.
• Prioritize clarity in the presentation of accessible and locked Content Spaces.