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

chore: add no data tip

Browse Source
This commit is contained in:
Steven 2022-09-16 22:55:39 +08:00
parent fd7b8c3293
commit 77178afad5
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -78,22 +78,26 @@ const Explore = () => {
</div>
<Only when={!loadingState.isLoading}>
<main className="memos-wrapper">
{state.memos.map((memo) => {
const createdAtStr = dayjs(memo.createdTs).locale(locale).format("YYYY/MM/DD HH:mm:ss");
return (
<div className="memo-container" key={memo.id}>
<div className="memo-header">
<span className="time-text">{createdAtStr}</span>
<span className="split-text">by</span>
<a className="name-text" href={`/u/${memo.creator.id}`}>
{memo.creator.name}
</a>
{state.memos.length > 0 ? (
state.memos.map((memo) => {
const createdAtStr = dayjs(memo.createdTs).locale(locale).format("YYYY/MM/DD HH:mm:ss");
return (
<div className="memo-container" key={memo.id}>
<div className="memo-header">
<span className="time-text">{createdAtStr}</span>
<span className="split-text">by</span>
<a className="name-text" href={`/u/${memo.creator.id}`}>
{memo.creator.name}
</a>
</div>
<MemoContent className="memo-content" content={memo.content} onMemoContentClick={() => undefined} />
<MemoResources memo={memo} />
</div>
<MemoContent className="memo-content" content={memo.content} onMemoContentClick={() => undefined} />
<MemoResources memo={memo} />
</div>
);
})}
);
})
) : (
<p className="w-full text-center mt-12 text-gray-600">{t("message.no-memos")}</p>
)}
</main>
</Only>
</div>