Alpha state. A platform designed for building enterprise-grade, multi-tenant products using Azure, .NET, React, TypeScript, Infrastructure as Code, etc.
Update the frontend to align with the Figma design and implement various frontend optimizations.
Pagination and user table behaviors have been enhanced, including resetting page offsets and scroll positions when sorting, hiding pagination until data is returned from the API, and simplifying the pagination component. Default page size for the users table are changed from 10 to 25. The user table’s width and styling have also been adjusted to ensure a consistent appearance across all resolutions. UI elements like table rows, headers, and icons have been refined to better match the design specifications.
The AccountSettingsModal and UserProfileModal have been updated to use more semantically correct dialog components instead of AlertDialog. Modal dialogs are now full-width on small screens, with updated margins, padding, and text styling to align with the design. The Search field on the User Management page now auto-focuses, while pagination no longer does. The Label component’s font weight has been set to normal.
The TypeScript API client has been updated to support PUT and DELETE server actions. The UserProfileModal now uses useEffect() with api.get() on dialog open, instead of loading data during SPA load.
The landing page hero section has been improved for better responsiveness. CDN image URLs have been centralized into a cdnImages.ts file, and unused pseudo.po translation files and logic have been removed.
Other notable changes include enforcing lowercase emails in the backend and database, adding validation for the GetUser API input, making AccountRegistrationId strongly typed, fixing various styling issues and bugs in the UI, and adding the Shared WebApp to the .NET Solution while addressing formatting and warnings.
Checklist
[x] I have added a Label to the pull-request
[x] I have added tests, and done manual regression tests
[x] I have updated the documentation, if necessary
Summary & Motivation
Update the frontend to align with the Figma design and implement various frontend optimizations.
Pagination and user table behaviors have been enhanced, including resetting page offsets and scroll positions when sorting, hiding pagination until data is returned from the API, and simplifying the pagination component. Default page size for the users table are changed from 10 to 25. The user table’s width and styling have also been adjusted to ensure a consistent appearance across all resolutions. UI elements like table rows, headers, and icons have been refined to better match the design specifications.
The
AccountSettingsModal
andUserProfileModal
have been updated to use more semantically correct dialog components instead ofAlertDialog
. Modal dialogs are now full-width on small screens, with updated margins, padding, and text styling to align with the design. The Search field on the User Management page now auto-focuses, while pagination no longer does. The Label component’s font weight has been set to normal.The TypeScript API client has been updated to support PUT and DELETE server actions. The
UserProfileModal
now usesuseEffect()
withapi.get()
on dialog open, instead of loading data during SPA load.The landing page hero section has been improved for better responsiveness. CDN image URLs have been centralized into a
cdnImages.ts
file, and unusedpseudo.po
translation files and logic have been removed.Other notable changes include enforcing lowercase emails in the backend and database, adding validation for the
GetUser
API input, makingAccountRegistrationId
strongly typed, fixing various styling issues and bugs in the UI, and adding the Shared WebApp to the .NET Solution while addressing formatting and warnings.Checklist