Description
We currently have duplicate logic for loading spinners across the app:
LoadingSpinner.jsx — hardcoded size, violet color.
Loader.jsx — accepts size props, blue color.
- Inline spinners inside
Login.jsx.
We need to consolidate these into a single, highly reusable Loader.jsx component.
Tasks
Files Involved
smart_exam_reval/frontend/src/components/Loader.jsx
smart_exam_reval/frontend/src/components/LoadingSpinner.jsx (to delete)
smart_exam_reval/frontend/src/pages/Login.jsx
Description
We currently have duplicate logic for loading spinners across the app:
LoadingSpinner.jsx— hardcoded size, violet color.Loader.jsx— accepts size props, blue color.Login.jsx.We need to consolidate these into a single, highly reusable
Loader.jsxcomponent.Tasks
smart_exam_reval/frontend/src/components/Loader.jsxto accept props forsize(small/medium/large), optionaltext, andfullScreenboolean.LoadingSpinner.jsx.LoadingSpinnerand replace them with the newly updatedLoadercomponent.Login.jsxwith the<Loader />component.Files Involved
smart_exam_reval/frontend/src/components/Loader.jsxsmart_exam_reval/frontend/src/components/LoadingSpinner.jsx(to delete)smart_exam_reval/frontend/src/pages/Login.jsx