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

show like button to guests

Browse source
This commit is contained in:
Fedor Katurov 2023-10-30 17:37:31 +06:00
parent 8e40cf9885
commit 7e20975cb1
7 changed files with 149 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

59
src/components/node/NodeTitle/index.tsx
View file

@ -1,14 +1,14 @@
import React, { memo, VFC } from 'react';
import { memo, VFC } from 'react';
import classNames from 'classnames';
import { Authorized } from '~/components/containers/Authorized';
import { Icon } from '~/components/input/Icon';
import { SeparatedMenu } from '~/components/menu/SeparatedMenu';
import { NodeEditMenu } from '~/components/node/NodeEditMenu';
import { Placeholder } from '~/components/placeholders/Placeholder';
import { getPrettyDate } from '~/utils/dom';
import { NodeLikeButton } from '../NodeLikeButton';
import styles from './styles.module.scss';
interface IProps {
@ -77,39 +77,28 @@ const NodeTitle: VFC<IProps> = memo(
)}
</div>
<Authorized>
<SeparatedMenu className={styles.buttons}>
{canEdit && (
<NodeEditMenu
className={styles.button}
canStar={canStar}
isHeroic={isHeroic}
isLocked={isLocked}
onStar={onStar}
onLock={onLock}
onEdit={onEdit}
/>
)}
<SeparatedMenu className={styles.buttons}>
{canEdit && (
<NodeEditMenu
className={styles.button}
canStar={canStar}
isHeroic={isHeroic}
isLocked={isLocked}
onStar={onStar}
onLock={onLock}
onEdit={onEdit}
/>
)}
{canLike && (
<div
className={classNames(styles.button, styles.like, {
[styles.is_liked]: isLiked,
})}
>
{isLiked ? (
<Icon icon="heart_full" size={24} onClick={onLike} />
) : (
<Icon icon="heart" size={24} onClick={onLike} />
)}
{!!likeCount && likeCount > 0 && (
<div className={styles.like_count}>{likeCount}</div>
)}
</div>
)}
</SeparatedMenu>
</Authorized>
{canLike && (
<NodeLikeButton
active={isLiked}
count={likeCount}
onClick={onLike}
className={styles.button}
/>
)}
</SeparatedMenu>
</div>
</div>
);