mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-04-29 11:49:13 -04:00
c2699e4528
* Added playwright tests. * Added clear authorship color. * Ported enter ts. * Ported more tests. * Commented helper tests. * Fixed admin tests. * Fixed. * Fixed admin pages not there. * Fixed waiting. * Upload playwright report. * Remove saucelabs * Fixed waiting. * Fixed upload artifact. * Also install deps. * Added retry mechanism. * Added timeout for restart etherpad server. * Fixed tests. * Added frontend playwright tests.
19 lines
914 B
TypeScript
19 lines
914 B
TypeScript
import {useStore} from "../store/store.ts";
|
|
import * as Dialog from '@radix-ui/react-dialog';
|
|
import ReactComponent from './brand.svg?react';
|
|
export const LoadingScreen = ()=>{
|
|
const showLoading = useStore(state => state.showLoading)
|
|
|
|
return <Dialog.Root open={showLoading}><Dialog.Portal>
|
|
<Dialog.Overlay className="loading-screen fixed inset-0 bg-black bg-opacity-50 z-50 dialog-overlay" />
|
|
<Dialog.Content className="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-50 dialog-content">
|
|
<div className="flex flex-col items-center">
|
|
<div className="animate-spin w-16 h-16 border-t-2 border-b-2 border-[--fg-color] rounded-full"></div>
|
|
<div className="mt-4 text-[--fg-color]">
|
|
<ReactComponent/>
|
|
</div>
|
|
</div>
|
|
</Dialog.Content>
|
|
</Dialog.Portal>
|
|
</Dialog.Root>
|
|
}
|