From 4657e58b52cb53e5cf1d5ddff397bba91114998c Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Fri, 9 Sep 2022 08:22:49 +0800
Subject: [PATCH] chore: update loading section

---
 web/src/pages/Explore.tsx | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/web/src/pages/Explore.tsx b/web/src/pages/Explore.tsx
index 9959b298..88f48fde 100644
--- a/web/src/pages/Explore.tsx
+++ b/web/src/pages/Explore.tsx
@@ -44,22 +44,22 @@ const Explore = () => {
 
   return (
     <section className="page-wrapper explore">
-      {loadingState.isLoading ? null : (
-        <div className="page-container">
-          <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>
-              )}
-            </div>
+      <div className="page-container">
+        <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>
+            )}
           </div>
+        </div>
+        {loadingState.isLoading ? null : (
           <main className="memos-wrapper">
             {state.memos.map((memo) => {
               const createdAtStr = dayjs(memo.createdTs).locale(locale).format("YYYY/MM/DD HH:mm:ss");
@@ -78,8 +78,8 @@ const Explore = () => {
               );
             })}
           </main>
-        </div>
-      )}
+        )}
+      </div>
     </section>
   );
 };