prettify
This commit is contained in:
parent
ce31dc62c2
commit
111b4975ee
|
@ -3,13 +3,15 @@ import { RefreshIcon } from "@heroicons/react/solid";
|
|||
import styles from "./FallbackSpinner.module.css";
|
||||
|
||||
export const FallbackSpinner = ({ height }) => {
|
||||
const [show, setShow] = useState(false);
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setShow(true);
|
||||
}, 500);
|
||||
}, []);
|
||||
return <div className={styles.container} style={{height}}>{
|
||||
show ? <RefreshIcon className={styles.icon} /> : null
|
||||
}</div>;
|
||||
const [show, setShow] = useState(false);
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setShow(true);
|
||||
}, 500);
|
||||
}, []);
|
||||
return (
|
||||
<div className={styles.container} style={{ height }}>
|
||||
{show ? <RefreshIcon className={styles.icon} /> : null}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
.container {
|
||||
/* height must be set explicitly */
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/* height must be set explicitly */
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
Loading…
Reference in New Issue
Block a user