21 lines
519 B
TypeScript
21 lines
519 B
TypeScript
|
import { clsx } from 'clsx'
|
||
|
|
import styles from './AutoSaveNotice.module.scss'
|
||
|
|
import { Loading } from '../../_shared/Loading'
|
||
|
|
import { useLocalize } from '../../../context/localize'
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
active: boolean
|
||
|
|
}
|
||
|
|
|
||
|
|
export const AutoSaveNotice = (props: Props) => {
|
||
|
|
const { t } = useLocalize()
|
||
|
|
return (
|
||
|
|
<div class={clsx(styles.AutoSaveNotice, { [styles.active]: props.active })}>
|
||
|
|
<div class={styles.icon}>
|
||
|
|
<Loading size="tiny" />
|
||
|
|
</div>
|
||
|
|
<div>{t('Saving...')}</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|