mirror/seedit
1
0
Fork 0
mirror of https://github.com/plebbit/seedit.git synced 2026-02-15 08:21:19 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor(comment tools): add ModOrReportButton

Browse Source
This commit is contained in:
plebeius.eth
2024-02-25 19:08:13 +01:00
parent 96fd888194
commit bc574795fe
1 changed files with 23 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/post/comment-tools/comment-tools.tsx
View File

@@ -31,6 +31,26 @@ interface CommentToolsProps {
showReplyForm?: () => void;
}
interface ModOrReportButtonProps {
cid: string;
isAuthor: boolean | undefined;
isMod: boolean | undefined;
}
const ModOrReportButton = ({ cid, isAuthor, isMod }: ModOrReportButtonProps) => {
const { t } = useTranslation();
return isMod ? (
<ModMenu cid={cid} />
) : (
!isAuthor && (
<li className={`${styles.button} ${styles.reportButton}`}>
<span>{t('report')}</span>
</li>
)
);
};
const PostTools = ({ author, cid, hasLabel, index, isAuthor, isMod, subplebbitAddress, replyCount = 0, showEditForm, spoiler = false }: CommentToolsProps) => {
const { t } = useTranslation();
const validReplyCount = isNaN(replyCount) ? 0 : replyCount;
@@ -61,15 +81,7 @@ const PostTools = ({ author, cid, hasLabel, index, isAuthor, isMod, subplebbitAd
<li className={`${styles.button} ${styles.crosspostButton}`}>
<span>{t('crosspost')}</span>
</li>
{isMod ? (
<ModMenu cid={cid} />
) : (
!isAuthor && (
<li className={`${styles.button} ${styles.reportButton}`}>
<span>{t('report')}</span>
</li>
)
)}
<ModOrReportButton cid={cid} isAuthor={isAuthor} isMod={isMod} />
</>
);
};
@@ -91,15 +103,7 @@ const ReplyTools = ({ author, cid, hasLabel, index, isAuthor, isMod, showReplyFo
<li className={!cid ? styles.hideReply : styles.button}>
<span onClick={() => cid && showReplyForm?.()}>{t('reply_reply')}</span>
</li>
{isMod ? (
<ModMenu cid={cid} />
) : (
!isAuthor && (
<li className={`${styles.button} ${styles.reportButton}`}>
<span>{t('report')}</span>
</li>
)
)}
<ModOrReportButton cid={cid} isAuthor={isAuthor} isMod={isMod} />
</>
);
};
@@ -144,15 +148,7 @@ const SingleReplyTools = ({
<li className={!cid ? styles.hideReply : styles.button}>
<span onClick={() => cid && showReplyForm?.()}>{t('reply_reply')}</span>
</li>
{isMod ? (
<ModMenu cid={cid} />
) : (
!isAuthor && (
<li className={`${styles.button} ${styles.reportButton}`}>
<span>{t('report')}</span>
</li>
)
)}
<ModOrReportButton cid={cid} isAuthor={isAuthor} isMod={isMod} />
</>
);
};