usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-12-16 05:43:06 +08:00
Code Issues Projects Releases Packages 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

7
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,6 +49,7 @@ 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">
<Only when={!loadingState.isLoading}>
{user ? ( {user ? (
<button className="btn" onClick={() => (window.location.href = "/")}> <button className="btn" onClick={() => (window.location.href = "/")}>
<span className="icon">🏠</span> {t("common.back-to-home")} <span className="icon">🏠</span> {t("common.back-to-home")}
@ -57,9 +59,10 @@ const Explore = () => {
<span className="icon">👉</span> {t("common.sign-in")} <span className="icon">👉</span> {t("common.sign-in")}
</button> </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>
); );