StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Finish support for creating databases in the UI

Browse source
This commit is contained in:
Dane Everitt 2019-07-16 21:43:11 -07:00
parent 61dc86421d
commit 1f763dc155
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 136 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

12
resources/scripts/components/elements/Modal.tsx
View file

@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
import { CSSTransition } from 'react-transition-group';
import Spinner from '@/components/elements/Spinner';
interface Props {
visible: boolean;
@ -9,7 +10,8 @@ interface Props {
dismissable?: boolean;
closeOnEscape?: boolean;
closeOnBackground?: boolean;
children: React.ReactChild;
showSpinnerOverlay?: boolean;
children: React.ReactNode;
}
export default (props: Props) => {
@ -51,6 +53,14 @@ export default (props: Props) => {
<FontAwesomeIcon icon={faTimes}/>
</div>
}
{props.showSpinnerOverlay &&
<div
className={'absolute w-full h-full rounded flex items-center justify-center'}
style={{ background: 'hsla(211, 10%, 53%, 0.25)' }}
>
<Spinner large={false}/>
</div>
}
<div className={'modal-content p-6'}>
{props.children}
</div>