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 heroic lab icon

Browse source
This commit is contained in:
Fedor Katurov 2021-03-24 17:47:56 +07:00
parent 971e222d6b
commit 462c27ee89
2 changed files with 18 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/lab/LabNodeTitle/index.tsx
View file

@ -3,6 +3,9 @@ import { INode } from '~/redux/types';
import styles from './styles.module.scss'; import styles from './styles.module.scss';
import { URLS } from '~/constants/urls'; import { URLS } from '~/constants/urls';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Group } from '~/components/containers/Group';
import { Icon } from '~/components/input/Icon';
import Tippy from '@tippy.js/react';
interface IProps { interface IProps {
node: INode; node: INode;
@ -12,11 +15,19 @@ const LabNodeTitle: FC<IProps> = ({ node }) => {
if (!node.title) return null; if (!node.title) return null;
return ( return (
<div className={styles.wrap}> <Group horizontal className={styles.wrap}>
<div className={styles.title}> <div className={styles.title}>
<Link to={URLS.NODE_URL(node.id)}>{node.title || '...'}</Link> <Link to={URLS.NODE_URL(node.id)}>{node.title || '...'}</Link>
</div> </div>
</div>
{node.is_heroic && (
<Tippy content="Важный пост">
<div className={styles.star}>
<Icon icon="star_full" />
</div>
</Tippy>
)}
</Group>
); );
}; };

5
src/components/lab/LabNodeTitle/styles.module.scss
View file

@ -22,3 +22,8 @@
font: $font_20_semibold; font: $font_20_semibold;
} }
} }
.star {
fill: $yellow;
flex: 0 0 24px;
}