mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
added lab loader
This commit is contained in:
parent
dfcf0a541d
commit
165c79d82f
4 changed files with 83 additions and 66 deletions
|
@ -1,9 +1,10 @@
|
|||
import React, { FC } from 'react';
|
||||
import React, { FC, useMemo } from 'react';
|
||||
|
||||
import { Group } from '~/components/containers/Group';
|
||||
import { Sticky } from '~/components/containers/Sticky';
|
||||
import { LabHead } from '~/components/lab/LabHead';
|
||||
import { LabGrid } from '~/containers/lab/LabGrid';
|
||||
import { LabLoading } from '~/containers/lab/LabLoading';
|
||||
import { LabStats } from '~/containers/lab/LabStats';
|
||||
import { Container } from '~/containers/main/Container';
|
||||
import { SidebarRouter } from '~/containers/main/SidebarRouter';
|
||||
|
@ -13,6 +14,8 @@ import styles from './styles.module.scss';
|
|||
|
||||
interface IProps {}
|
||||
|
||||
const loader = <LabLoading />;
|
||||
|
||||
const LabLayout: FC<IProps> = () => {
|
||||
const { isLoading } = useLabContext();
|
||||
|
||||
|
@ -25,7 +28,7 @@ const LabLayout: FC<IProps> = () => {
|
|||
<LabHead isLoading={isLoading} />
|
||||
</div>
|
||||
|
||||
<LabGrid />
|
||||
{isLoading ? loader : <LabGrid />}
|
||||
</Group>
|
||||
|
||||
<div className={styles.panel}>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue