mirror/seedit
1
0
Fork 0
mirror of https://github.com/plebbit/seedit.git synced 2026-04-21 07:38:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(post): displayName should link to user, using full address

Browse Source
This commit is contained in:
plebeius.eth
2023-12-18 11:40:30 +01:00
parent f928a33899
commit 96fd07e4bc
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/post/post.tsx
View File

@@ -18,6 +18,7 @@ import useStateString from '../../hooks/use-state-string';
import useUpvote from '../../hooks/use-upvote';
interface PostAuthorProps {
authorAddress: string;
authorRole: string;
cid: string;
displayName: string;
@@ -26,7 +27,7 @@ interface PostAuthorProps {
authorAddressChanged: boolean;
}
const PostAuthor = ({ authorRole, cid, displayName, shortAddress, shortAuthorAddress, authorAddressChanged }: PostAuthorProps) => {
const PostAuthor = ({ authorAddress, authorRole, cid, displayName, shortAddress, shortAuthorAddress, authorAddressChanged }: PostAuthorProps) => {
const isAuthorOwner = authorRole === 'owner';
const isAuthorAdmin = authorRole === 'admin';
const isAuthorModerator = authorRole === 'moderator';
@@ -35,8 +36,8 @@ const PostAuthor = ({ authorRole, cid, displayName, shortAddress, shortAuthorAdd
return (
<>
{displayName && <span className={`${styles.displayName} ${moderatorClass}`}>{displayName} </span>}
<Link className={`${styles.authorAddressWrapper} ${moderatorClass}`} to={`/u/${shortAuthorAddress}/c/${cid}`}>
{displayName && <Link to={`/u/${authorAddress}/c/${cid}`} className={`${styles.displayName} ${moderatorClass}`}>{displayName} </Link>}
<Link className={`${styles.authorAddressWrapper} ${moderatorClass}`} to={`/u/${authorAddress}/c/${cid}`}>
<span className={styles.authorAddressHidden}>u/{shortAddress || shortAuthorAddress}</span>
<span className={`${styles.authorAddressVisible} ${authorAddressChanged && styles.authorAddressChanged}`}>u/{shortAuthorAddress}</span>
</Link>
@@ -166,6 +167,7 @@ const Post = ({ post = {}, index }: PostProps) => {
<p className={styles.tagline}>
{t('post_submitted')} {getFormattedTimeAgo(timestamp)} {t('post_by')}{' '}
<PostAuthor
authorAddress={author.address}
authorRole={authorRole}
cid={cid}
displayName={displayName}

6
src/components/reply/reply.tsx
View File

@@ -36,19 +36,19 @@ const ReplyAuthor = ({ address, authorRole, cid, displayName, shortAuthorAddress
return (
<>
{displayName && <span className={`${styles.author} ${moderatorClass}`}>{displayName} </span>}
{displayName && <Link to={`/u/${address}/c/${cid}`} className={`${styles.author} ${moderatorClass}`}>{displayName} </Link>}
<Link to={`/u/${address}/c/${cid}`} className={`${styles.author} ${moderatorClass}`}>
{displayName ? `u/${shortAuthorAddress}` : shortAuthorAddress}
</Link>
{authorRole && (
<span className={styles.moderatorBrackets}>
[
{' '}[
<span className={moderatorClass} title={authorRole}>
{authorRoleInitial}
</span>
]
</span>
)}{' '}
)}
</>
);
};