YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-15 19:00:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: update memo creator display

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/MemoView.tsx
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">

2
web/src/pages/Explore.tsx
View File

@ -66,7 +66,7 @@ const Explore = () => {
<div className="flex flex-col justify-start items-start w-full max-w-full">
<MemoFilter className="px-2 pb-2" />
{sortedMemos.map((memo) => (
<MemoView key={`${memo.name}-${memo.updateTime}`} memo={memo} showVisibility showPinned />
<MemoView key={`${memo.name}-${memo.updateTime}`} memo={memo} showCreator showVisibility showPinned />
))}
{isRequesting ? (
<div className="flex flex-row justify-center items-center w-full my-4 text-gray-400">

3
web/src/pages/MemoDetail.tsx
View File

@ -86,6 +86,7 @@ const MemoDetail = () => {
className="shadow hover:shadow-xl transition-all"
memo={memo}
compact={false}
showCreator
showVisibility
showPinned
/>
@ -107,7 +108,7 @@ const MemoDetail = () => {
<span className="text-gray-400 text-sm ml-0.5">({comments.length})</span>
</div>
{comments.map((comment) => (
<MemoView key={`${memo.name}-${memo.displayTime}`} memo={comment} />
<MemoView key={`${memo.name}-${memo.displayTime}`} memo={comment} showCreator />
))}
</>
)}