mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-13 14:44:43 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
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 React from 'react'
import { ArrowRepeat as IconArrowRepeat } from 'react-bootstrap-icons' import { ArrowRepeat as IconArrowRepeat } from 'react-bootstrap-icons'
export interface WaitSpinnerProps {
size?: string | number
}
/** /**
* Renders a indefinitely spinning spinner. * Renders a indefinitely spinning spinner.
*/ */
export const WaitSpinner: React.FC = () => { export const WaitSpinner: React.FC<WaitSpinnerProps> = ({ size }) => {
return ( return (
<div className={'m-3 d-flex align-items-center justify-content-center'}> <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> </div>
) )
} }