This pull request includes several updates to the frontend and backend components, focusing on improving the user interface and user experience, particularly around the Bootstrap process and the Activity Overlay component.
Frontend Changes:
Activity Overlay Component:
Added new ActivityOverlay component with styles and functionality to display an overlay and spinner during loading states. (frontend/src/components/ActivityOverlay/ActivityOverlay.module.css - [1]frontend/src/components/ActivityOverlay/index.tsx - [2]
Bootstrap Component:
Enhanced the Bootstrap component to handle different states (initial, already bootstrapped, and successfully bootstrapped) with appropriate UI updates. (frontend/src/components/Bootstrap/index.tsx - [1][2][3][4][5][6][7]
Updated styles to improve layout and user feedback during the Bootstrap process. (frontend/src/components/Bootstrap/Bootstrap.module.css - [1][2]
Layout Component:
Introduced a new Layout component to standardize the page layout, including an option to vertically center content. (frontend/src/components/Layout/Layout.module.css - [1]frontend/src/components/Layout/index.tsx - [2]
General UI Improvements:
Added responsive and accessibility improvements to various components, including buttons and collapsible sections. (frontend/src/styles/components.css - [1][2][3][4][5]frontend/src/components/Collapse/Collapse.module.css - [6][7]frontend/src/components/Collapse/index.tsx - [8][9]
These changes aim to enhance the overall user experience by making the interface more responsive and providing clearer feedback during critical operations like the Bootstrap process.
This pull request includes several updates to the frontend and backend components, focusing on improving the user interface and user experience, particularly around the Bootstrap process and the Activity Overlay component.
Frontend Changes:
Activity Overlay Component:
ActivityOverlay
component with styles and functionality to display an overlay and spinner during loading states. (frontend/src/components/ActivityOverlay/ActivityOverlay.module.css
- [1]frontend/src/components/ActivityOverlay/index.tsx
- [2]Bootstrap Component:
frontend/src/components/Bootstrap/index.tsx
- [1] [2] [3] [4] [5] [6] [7]frontend/src/components/Bootstrap/Bootstrap.module.css
- [1] [2]Layout Component:
Layout
component to standardize the page layout, including an option to vertically center content. (frontend/src/components/Layout/Layout.module.css
- [1]frontend/src/components/Layout/index.tsx
- [2]General UI Improvements:
frontend/src/styles/components.css
- [1] [2] [3] [4] [5]frontend/src/components/Collapse/Collapse.module.css
- [6] [7]frontend/src/components/Collapse/index.tsx
- [8] [9]Backend Changes:
backend/pkg/restapi/handler/bootstrap/main.go
- backend/pkg/restapi/handler/bootstrap/main.goR74)These changes aim to enhance the overall user experience by making the interface more responsive and providing clearer feedback during critical operations like the Bootstrap process.