github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-12-22 23:21:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(frontend): add size property to wait spinner component

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-03-08 16:27:49 +01:00
parent 9ba4edce2a
commit f8e35e6746
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/common/wait-spinner/wait-spinner.tsx
View file

@ -7,13 +7,17 @@ import { UiIcon } from '../icons/ui-icon'
import React from 'react'
import { ArrowRepeat as IconArrowRepeat } from 'react-bootstrap-icons'
export interface WaitSpinnerProps {
size?: string | number
}
/**
* Renders a indefinitely spinning spinner.
*/
export const WaitSpinner: React.FC = () => {
export const WaitSpinner: React.FC<WaitSpinnerProps> = ({ size }) => {
return (
<div className={'m-3 d-flex align-items-center justify-content-center'}>
<UiIcon icon={IconArrowRepeat} spin={true} />
<UiIcon icon={IconArrowRepeat} spin={true} size={size} />
</div>
)
}