Skip to content

Create Group detail page layout and member list display #53

Description

@Akshola00

Description

Build the detail page for a single payroll group showing group information, members, and member details in a tabular format.

Create group detail page at src/app/groups/[id]/page.tsx.

Relevant files:

  • frontend/src/app/groups/[id]/page.tsx (new)

Acceptance Criteria

  • Page displays group header with name, creator, token, created date
  • Page includes a Table showing all group members
  • Member table columns: Name, Address, Percentage, Last Payment
  • Page includes an Edit Group button (links to edit page, not implemented yet)
  • Page includes an Add Member button (opens modal, not fully implemented)
  • Page is responsive
  • Mock data is used initially
  • Frontend code builds successfully
  • Frontend code is properly formatted and passes linting

Dependencies

FE-7 (Layout), FE-8 (Table component)

Additional Notes

  • Use mock data for the group and members
  • [id] parameter can be a mock UUID
  • Could show group statistics (total members, total percentage, etc.)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

GrantFox OSSIssue tracked in GrantFox OSSMaybe RewardedIssue may be eligible for a GrantFox rewardThird CampaignCampaign: Third Campaignentry-levelEntry-level difficultyfrontendFrontend (Next.js/TypeScript)pagesPage implementation

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions