YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02: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
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 { useAppSelector } from "../store";
import useI18n from "../hooks/useI18n"; import useI18n from "../hooks/useI18n";
import useLoading from "../hooks/useLoading"; import useLoading from "../hooks/useLoading";
import Only from "../components/common/OnlyWhen";
import MemoContent from "../components/MemoContent"; import MemoContent from "../components/MemoContent";
import MemoResources from "../components/MemoResources"; import MemoResources from "../components/MemoResources";
import "../less/explore.less"; import "../less/explore.less";
@@ -48,18 +49,20 @@ const Explore = () => {
<div className="page-header"> <div className="page-header">
<img className="logo-img" src="/logo-full.webp" alt="" /> <img className="logo-img" src="/logo-full.webp" alt="" />
<div className="action-button-container"> <div className="action-button-container">
{user ? ( <Only when={!loadingState.isLoading}>
<button className="btn" onClick={() => (window.location.href = "/")}> {user ? (
<span className="icon">🏠</span> {t("common.back-to-home")} <button className="btn" onClick={() => (window.location.href = "/")}>
</button> <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 className="btn" onClick={() => (window.location.href = "/auth")}>
</button> <span className="icon">👉</span> {t("common.sign-in")}
)} </button>
)}
</Only>
</div> </div>
</div> </div>
{loadingState.isLoading ? null : ( <Only when={!loadingState.isLoading}>
<main className="memos-wrapper"> <main className="memos-wrapper">
{state.memos.map((memo) => { {state.memos.map((memo) => {
const createdAtStr = dayjs(memo.createdTs).locale(locale).format("YYYY/MM/DD HH:mm:ss"); const createdAtStr = dayjs(memo.createdTs).locale(locale).format("YYYY/MM/DD HH:mm:ss");
@@ -78,7 +81,7 @@ const Explore = () => {
); );
})} })}
</main> </main>
)} </Only>
</div> </div>
</section> </section>
); );