Skip to content

Create Pages for Topics List and Topic Details #23

@payam-zahedi

Description

@payam-zahedi

Description:
We need to create two separate pages:

  1. Topics List Page – Displays all available topics.
  2. Topic Details Page – Shows details of a specific topic, including relevant members associated with it.

Requirements:

1. Topics List Page (/topics)

  • Should display all topics in a structured layout (e.g., grid or list).
  • Each topic should be clickable, leading to its individual details page.
  • Fetch and display data from the topicCollection.

2. Topic Details Page (/topics/[topic-slug])

  • Should display the full details of a specific topic.
  • The page should retrieve data dynamically based on the topic's slug.
  • Display topic’s:
    • Title
    • Description
    • Metadata (if applicable)
  • Show all members associated with this topic (retrieved from memberCollection).
  • Each member should be clickable, linking to their Member Details Page.

Acceptance Criteria:

  • Create a /topics page that lists all topics in a grid or list format.
  • Ensure each topic links to its respective /topics/[topic-slug] page.
  • Implement a dynamic /topics/[topic-slug] page that fetches and displays topic details.
  • Fetch and display all members associated with the topic.
  • Ensure the UI is clean and responsive.
  • Handle missing or incorrect data gracefully.

Image

Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions