Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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
How to test
Open the frontend project locally.
In
orgService.js, use the mock response forgetMyOrganizations()based on the Swagger example.Run the app with
npm run dev.Open the admin dashboard in the browser.
Go to the Organisation page from the sidebar.
Verify that the page displays:
Test the different UI states by changing the mock response:
orgs: []getMyOrganizations()Screenshots and/or Gifs
Associated MS Planner Tasks
Known Issues
Associated MS Planner Tasks
Known Issues
Associated MS Planner Tasks
Known Issues