chore: update memo creator display

This commit is contained in:
Steven
2024-04-09 09:05:34 +08:00
parent b1e196bb4f
commit fc95876617
3 changed files with 9 additions and 3 deletions

View File

@ -24,6 +24,7 @@ import VisibilityIcon from "./VisibilityIcon";
interface Props {
memo: Memo;
compact?: boolean;
showCreator?: boolean;
showVisibility?: boolean;
showPinned?: boolean;
className?: string;
@ -85,7 +86,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
>
<div className="w-full flex flex-row justify-between items-center gap-2">
<div className="w-auto max-w-[calc(100%-8rem)] grow flex flex-row justify-start items-center">
{creator && (
{props.showCreator && creator ? (
<div className="w-full flex flex-row justify-start items-center">
<Link className="w-auto hover:opacity-80" to={`/u/${encodeURIComponent(creator.username)}`} unstable_viewTransition>
<UserAvatar className="mr-2 shrink-0" avatarUrl={creator.avatarUrl} />
@ -106,6 +107,10 @@ const MemoView: React.FC<Props> = (props: Props) => {
</div>
</div>
</div>
) : (
<div className="w-full text-sm leading-tight text-gray-400 dark:text-gray-500 select-none" onClick={handleGotoMemoDetailPage}>
<relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time>
</div>
)}
</div>
<div className="flex flex-row justify-end items-center select-none shrink-0 gap-2">