This pull request introduces a loading spinner overlay to the file picker component and includes the necessary styling and logic changes to support it. The main changes are the addition of the spinner overlay and the integration of the spinner icon from the Fluent UI library.
This pull request introduces a loading spinner overlay to the file picker component and includes the necessary styling and logic changes to support it. The main changes are the addition of the spinner overlay and the integration of the spinner icon from the Fluent UI library.
Styling Changes:
app/frontend/src/components/filepicker/file-picker.module.css: Added styles for.spinner_overlayand.spinnerto display a semi-transparent overlay with a spinning animation when files are being uploaded.app/frontend/src/components/filepicker/file-picker.module.css: Addedposition: relative;to the parent container to correctly position the spinner overlay.Component Changes:
app/frontend/src/components/filepicker/file-picker.tsx: ImportedSpinnerIos16Filledfrom@fluentui/react-iconsto use as the spinner icon.app/frontend/src/components/filepicker/file-picker.tsx: Added conditional rendering logic to display the spinner overlay when an upload is in progress.