chore: update loading section

This commit is contained in:
Steven
2022-09-09 08:22:49 +08:00
parent 22971c3a93
commit 4657e58b52

View File

@@ -44,22 +44,22 @@ const Explore = () => {
return ( return (
<section className="page-wrapper explore"> <section className="page-wrapper explore">
{loadingState.isLoading ? null : ( <div className="page-container">
<div className="page-container"> <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 ? (
{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")} </button>
</button> ) : (
) : ( <button className="btn" onClick={() => (window.location.href = "/auth")}>
<button className="btn" onClick={() => (window.location.href = "/auth")}> <span className="icon">👉</span> {t("common.sign-in")}
<span className="icon">👉</span> {t("common.sign-in")} </button>
</button> )}
)}
</div>
</div> </div>
</div>
{loadingState.isLoading ? null : (
<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,8 +78,8 @@ const Explore = () => {
); );
})} })}
</main> </main>
</div> )}
)} </div>
</section> </section>
); );
}; };