1
0
Fork 0

Add more conditions

This commit is contained in:
Lim Chee Aun 2024-01-15 22:05:18 +08:00
parent 97458b66eb
commit 04d431cf71

View file

@ -1320,64 +1320,69 @@ function Status({
{StatusMenuItems} {StatusMenuItems}
</ControlledMenu> </ControlledMenu>
)} )}
{showActionsBar && size !== 'l' && !previewMode && !readOnly && ( {showActionsBar &&
<div size !== 'l' &&
class={`status-actions ${ !previewMode &&
isContextMenuOpen === 'actions-bar' ? 'open' : '' !readOnly &&
}`} !_deleted &&
ref={actionsRef} !quoted && (
> <div
<StatusButton class={`status-actions ${
size="s" isContextMenuOpen === 'actions-bar' ? 'open' : ''
title="Reply" }`}
alt="Reply" ref={actionsRef}
class="reply-button"
icon="comment"
iconSize="m"
onClick={replyStatus}
/>
<StatusButton
size="s"
checked={favourited}
title={['Like', 'Unlike']}
alt={['Like', 'Liked']}
class="favourite-button"
icon="heart"
iconSize="m"
count={favouritesCount}
onClick={() => {
try {
favouriteStatus();
showToast(
favourited
? `Unliked @${username || acct}'s post`
: `Liked @${username || acct}'s post`,
);
} catch (e) {}
}}
/>
<button
type="button"
title="More"
class="plain more-button"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
setContextMenuProps({
anchorRef: {
current: e.currentTarget,
},
align: 'end',
direction: 'bottom',
gap: 4,
});
setIsContextMenuOpen('actions-bar');
}}
> >
<Icon icon="more2" size="m" alt="More" /> <StatusButton
</button> size="s"
</div> title="Reply"
)} alt="Reply"
class="reply-button"
icon="comment"
iconSize="m"
onClick={replyStatus}
/>
<StatusButton
size="s"
checked={favourited}
title={['Like', 'Unlike']}
alt={['Like', 'Liked']}
class="favourite-button"
icon="heart"
iconSize="m"
count={favouritesCount}
onClick={() => {
try {
favouriteStatus();
showToast(
favourited
? `Unliked @${username || acct}'s post`
: `Liked @${username || acct}'s post`,
);
} catch (e) {}
}}
/>
<button
type="button"
title="More"
class="plain more-button"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
setContextMenuProps({
anchorRef: {
current: e.currentTarget,
},
align: 'end',
direction: 'bottom',
gap: 4,
});
setIsContextMenuOpen('actions-bar');
}}
>
<Icon icon="more2" size="m" alt="More" />
</button>
</div>
)}
{size !== 'l' && ( {size !== 'l' && (
<div class="status-badge"> <div class="status-badge">
{reblogged && <Icon class="reblog" icon="rocket" size="s" />} {reblogged && <Icon class="reblog" icon="rocket" size="s" />}