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

added sample settings page

Browse source
This commit is contained in:
Fedor Katurov 2022-03-25 20:52:39 +07:00
parent 7a6a44cccf
commit 100c4c138a
29 changed files with 527 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/components/lab/LabHeadItem/index.tsx
View file

@ -1,40 +0,0 @@
import React, { FC } from 'react';
import classNames from 'classnames';
import { Group } from '~/components/containers/Group';
import { Icon } from '~/components/input/Icon';
import { Placeholder } from '~/components/placeholders/Placeholder';
import styles from './styles.module.scss';
interface IProps {
icon: string;
color: 'green' | 'orange' | 'yellow';
isLoading?: boolean;
active?: boolean;
onClick?: () => void;
}
const LabHeadItem: FC<IProps> = ({ icon, color, children, isLoading, active, onClick }) => {
if (isLoading) {
return (
<div className={styles.item} key="loading">
<Placeholder width="32px" height={32} />
<Placeholder width="96px" height={18} />
</div>
);
}
return (
<div
className={classNames(styles.item, { [styles.active]: active }, styles[color])}
onClick={onClick}
>
<Icon icon={icon} size={24} />
<span className={styles.text}>{children}</span>
</div>
);
};
export { LabHeadItem };