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

chore: update explore page style

Browse Source
This commit is contained in:
Steven 2022-09-09 19:41:12 +08:00
parent 4657e58b52
commit 020b211660
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,6 +4,7 @@ import { locationService, memoService, userService } from "../services";
import { useAppSelector } from "../store";
import useI18n from "../hooks/useI18n";
import useLoading from "../hooks/useLoading";
import Only from "../components/common/OnlyWhen";
import MemoContent from "../components/MemoContent";
import MemoResources from "../components/MemoResources";
import "../less/explore.less";
@ -48,18 +49,20 @@ const Explore = () => {
<div className="page-header">
<img className="logo-img" src="/logo-full.webp" alt="" />
<div className="action-button-container">
{user ? (
<button className="btn" onClick={() => (window.location.href = "/")}>
<span className="icon">🏠</span> {t("common.back-to-home")}
</button>
) : (
<button className="btn" onClick={() => (window.location.href = "/auth")}>
<span className="icon">👉</span> {t("common.sign-in")}
</button>
)}
<Only when={!loadingState.isLoading}>
{user ? (
<button className="btn" onClick={() => (window.location.href = "/")}>
<span className="icon">🏠</span> {t("common.back-to-home")}
</button>
) : (
<button className="btn" onClick={() => (window.location.href = "/auth")}>
<span className="icon">👉</span> {t("common.sign-in")}
</button>
)}
</Only>
</div>
</div>
{loadingState.isLoading ? null : (
<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");
@ -78,7 +81,7 @@ const Explore = () => {
);
})}
</main>
)}
</Only>
</div>
</section>
);