External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: update CID label and reply modal prefix

Browse Source
This commit is contained in:
plebeius
2025-11-08 21:19:36 +01:00
parent c0a1b671c8
commit 7bdcc252c0
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/post-desktop/post-desktop.tsx
+2 -2
View File
@@ -181,7 +181,7 @@ const PostInfo = ({ post, postReplyCount = 0, roles, isHidden }: PostProps) => {
title={t('link_to_post')} title={t('link_to_post')}
onClick={(e) => !cid && e.preventDefault()} onClick={(e) => !cid && e.preventDefault()}
> >
c/ CID:
</Link> </Link>
<span className={styles.replyToPost} title={t('reply_to_post')} onMouseDown={onReplyModalClick}> <span className={styles.replyToPost} title={t('reply_to_post')} onMouseDown={onReplyModalClick}>
{shortCid} {shortCid}
@@ -189,7 +189,7 @@ const PostInfo = ({ post, postReplyCount = 0, roles, isHidden }: PostProps) => {
</span> </span>
) : ( ) : (
<> <>
<span>c/</span> <span>CID:</span>
<span className={styles.pendingCid}> <span className={styles.pendingCid}>
{state === 'failed' || stateString === 'Failed' ? _.capitalize(t('failed')) : state === 'pending' ? _.capitalize(t('pending')) : ''} {state === 'failed' || stateString === 'Failed' ? _.capitalize(t('failed')) : state === 'pending' ? _.capitalize(t('pending')) : ''}
</span> </span>
src/components/post-mobile/post-mobile.tsx
+2 -2
View File
@@ -191,7 +191,7 @@ const PostInfoAndMedia = ({ post, postReplyCount = 0, roles }: PostProps) => {
title={t('link_to_post')} title={t('link_to_post')}
onClick={(e) => !cid && e.preventDefault()} onClick={(e) => !cid && e.preventDefault()}
> >
c/ CID:
</Link> </Link>
<span className={styles.replyToPost} title={t('reply_to_post')} onMouseDown={onReplyModalClick}> <span className={styles.replyToPost} title={t('reply_to_post')} onMouseDown={onReplyModalClick}>
{shortCid.slice(0, -4)} {shortCid.slice(0, -4)}
@@ -199,7 +199,7 @@ const PostInfoAndMedia = ({ post, postReplyCount = 0, roles }: PostProps) => {
</span> </span>
) : ( ) : (
<> <>
<span>c/</span> <span>CID:</span>
<span className={styles.pendingCid}> <span className={styles.pendingCid}>
{state === 'failed' || stateString === 'Failed' ? _.capitalize(t('failed')) : state === 'pending' ? _.capitalize(t('pending')) : ''} {state === 'failed' || stateString === 'Failed' ? _.capitalize(t('failed')) : state === 'pending' ? _.capitalize(t('pending')) : ''}
</span> </span>
src/components/reply-modal/reply-modal.tsx
+2 -2
View File
@@ -230,7 +230,7 @@ const ReplyModal = ({ closeModal, showReplyModal, parentCid, postCid, scrollY, s
} }
}, []); }, []);
const contentPrefix = `c/${parentCid && Plebbit.getShortCid(parentCid)}\n`; const contentPrefix = `>>${parentCid && Plebbit.getShortCid(parentCid)}\n`;
// enable spellcheck after the prefix is set // enable spellcheck after the prefix is set
useEffect(() => { useEffect(() => {
@@ -311,7 +311,7 @@ const ReplyModal = ({ closeModal, showReplyModal, parentCid, postCid, scrollY, s
}} }}
> >
<div className={`replyModalHandle ${styles.title}`} {...(!isMobile ? bind() : {})}> <div className={`replyModalHandle ${styles.title}`} {...(!isMobile ? bind() : {})}>
{t('reply_to_cid', { cid: `c/${parentCid && Plebbit.getShortCid(parentCid)}`, interpolation: { escapeValue: false } })} {t('reply_to_cid', { cid: `CID:${parentCid && Plebbit.getShortCid(parentCid)}`, interpolation: { escapeValue: false } })}
<button <button
className={styles.closeIcon} className={styles.closeIcon}
onClick={(e) => { onClick={(e) => {