muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

#23 added is_loading to lab's head

Browse source
This commit is contained in:
Fedor Katurov 2021-03-22 17:53:28 +07:00
parent 58d5a8ee35
commit e44ad8e5c2
3 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/lab/LabHead/index.tsx
View file

@ -2,16 +2,24 @@ import React, { FC } from 'react';
import styles from './styles.module.scss';
import { LabHeadItem } from '~/components/lab/LabHeadItem';
interface IProps {}
interface IProps {
isLoading?: boolean;
}
const LabHead: FC<IProps> = () => (
const LabHead: FC<IProps> = ({ isLoading }) => (
<div className={styles.wrap}>
<div className={styles.group}>
<LabHeadItem icon="recent" active>
<LabHeadItem icon="recent" active isLoading={isLoading}>
Свежие
</LabHeadItem>
<LabHeadItem icon="hot">Популярные</LabHeadItem>
<LabHeadItem icon="star_full">Важные</LabHeadItem>
<LabHeadItem icon="hot" isLoading={isLoading}>
Популярные
</LabHeadItem>
<LabHeadItem icon="star_full" isLoading={isLoading}>
Важные
</LabHeadItem>
</div>
</div>
);