Moved "Dismiss Pin" to the top

If it's a pinned commented, dismissing it is probably the action that the user is looking for, so doesn't make sense to put at the bottom.
This commit is contained in:
infinite-persistence 2022-03-01 21:50:34 +08:00 committed by Thomas Zarebczan
parent 802dfb0ba8
commit 6b2d83986b

View file

@ -186,6 +186,13 @@ function CommentMenuList(props: Props) {
</MenuItem> </MenuItem>
)} )}
{isPinned && isLiveComment && isMobile && (
<MenuItem className="comment__menu-option menu__link" onSelect={handleDismissPin}>
<Icon aria-hidden icon={ICONS.DISMISS_ALL} />
{__('Dismiss Pin')}
</MenuItem>
)}
{activeChannelIsCreator && activeChannelClaim && activeChannelClaim.permanent_url !== authorUri && ( {activeChannelIsCreator && activeChannelClaim && activeChannelClaim.permanent_url !== authorUri && (
<MenuItem className="comment__menu-option" onSelect={assignAsModerator}> <MenuItem className="comment__menu-option" onSelect={assignAsModerator}>
<div className="menu__link"> <div className="menu__link">
@ -256,13 +263,6 @@ function CommentMenuList(props: Props) {
</MenuItem> </MenuItem>
)} )}
{isPinned && isLiveComment && isMobile && (
<MenuItem className="comment__menu-option menu__link" onSelect={handleDismissPin}>
<Icon aria-hidden icon={ICONS.DISMISS_ALL} />
{__('Dismiss Pin')}
</MenuItem>
)}
{activeChannelClaim && ( {activeChannelClaim && (
<div className="comment__menu-active"> <div className="comment__menu-active">
<ChannelThumbnail xsmall noLazyLoad uri={activeChannelClaim.permanent_url} /> <ChannelThumbnail xsmall noLazyLoad uri={activeChannelClaim.permanent_url} />