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

like animation

Browse source
This commit is contained in:
Fedor Katurov 2019-10-23 11:19:24 +07:00
parent f169de370a
commit 34e449dd15
4 changed files with 50 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/node/NodePanelInner/index.tsx
View file

@ -1,4 +1,4 @@
import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
import React, { FC } from 'react';
import * as styles from './styles.scss';
import { Group } from '~/components/containers/Group';
import { Filler } from '~/components/containers/Filler';
@ -17,7 +17,7 @@ interface IProps {
}
const NodePanelInner: FC<IProps> = ({
node: { title, user },
node: { title, user, is_liked },
stack,
can_edit,
can_like,
@ -41,8 +41,12 @@ const NodePanelInner: FC<IProps> = ({
</div>
)}
{can_like && (
<div>
<Icon icon="heart" size={24} onClick={onLike} />
<div className={classNames(styles.like, { is_liked })}>
{is_liked ? (
<Icon icon="heart_full" size={24} onClick={onLike} />
) : (
<Icon icon="heart" size={24} onClick={onLike} />
)}
</div>
)}
</div>