Skip to content

added admin dashboard overview page#396

Open
SHUBHAM-2305 wants to merge 1 commit intomasterfrom
shubham/admin
Open

added admin dashboard overview page#396
SHUBHAM-2305 wants to merge 1 commit intomasterfrom
shubham/admin

Conversation

@SHUBHAM-2305
Copy link
Copy Markdown
Collaborator

Description

Implemented the Organisation Overview UI inside the existing Organisation & Assignment admin page. This change adds frontend support for viewing organisation-level information in the admin dashboard, including organisation details, staff count, status, created date, and overview summary cards. The page was built to match the current admin dashboard layout and component style so it blends with the existing shell design.

For frontend testing, mock organisation data based on the Swagger response structure was used in orgService.js. The page also includes handling for loading, error, and empty states so the UI is ready for backend integration later.

Todos

  • Tested and working locally
  • Code follows the style guidelines of this project
  • I have performed a self-review of my code
  • Code changes documented
  • Requested review from >= 2 devs on the team (one frontend and one backend recommended)

How to test

  1. Open the frontend project locally.

  2. In orgService.js, use the mock response for getMyOrganizations() based on the Swagger example.

  3. Run the app with npm run dev.

  4. Open the admin dashboard in the browser.

  5. Go to the Organisation page from the sidebar.

  6. Verify that the page displays:

    • organisation name
    • description
    • active status
    • created and updated dates
    • staff count
    • overview summary cards
  7. Test the different UI states by changing the mock response:

    • normal data state
    • empty state with orgs: []
    • error state by throwing an error from getMyOrganizations()

Screenshots and/or Gifs

image

Associated MS Planner Tasks

  • Admin Dashboard — Organisation Overview UI
  • Organisation Overview Module - Shubham

Known Issues

  • The page is currently tested with mock data and is not yet connected to the live backend response.
  • Final behaviour depends on backend availability and valid authentication token.
  • Create/edit organisation flow is not included in this PR.

Associated MS Planner Tasks

  • Admin Dashboard — Organisation Overview UI
  • Organisation Overview Module - Shubham

Known Issues

  • The page is currently tested with mock data and is not yet connected to the live backend response.
  • Final behaviour depends on backend availability and valid authentication token.
  • Create/edit organisation flow is not included in this PR.

Associated MS Planner Tasks

  • Admin Dashboard — Organisation Overview UI
  • Organisation Overview Module - Shubham

Known Issues

  • The page is currently tested with mock data and is not yet connected to the live backend response.
  • Final behaviour depends on backend availability and valid authentication token.
  • Create/edit organisation flow is not included in this PR.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant