From 77eca43541285f494010b22eb902da73ebaa8cf3 Mon Sep 17 00:00:00 2001
From: Kengo Yamashita <yamashita-kenngo@outlook.jp>
Date: Fri, 7 Jun 2024 17:14:57 +0900
Subject: [PATCH] feat: add loading spinner (#39)

---
 app/src/pages/dashboard.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/src/pages/dashboard.tsx b/app/src/pages/dashboard.tsx
index 8992e9b..0b591bf 100644
--- a/app/src/pages/dashboard.tsx
+++ b/app/src/pages/dashboard.tsx
@@ -1,4 +1,4 @@
-import { createSignal, createEffect } from "solid-js";
+import { createSignal, createEffect, Show } from "solid-js";
 import { getCurrentUser, signOutUser } from "../service/auth";
 import { getDocumentsWithQuery, firestore } from "../service/firestore";
 import AccountContent from "../contents/account/accountContent";
@@ -41,7 +41,14 @@ const Dashboard = () => {
 				</div>
 			</header>
 			<div class="max-w-7xl mx-auto my-2 py-6 sm:px-6 lg:px-8">
+				<Show when={accountInfo() === null}>
+					<div class="flex justify-center items-center">
+						<div class="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900" />
+					</div>
+				</Show>
+				<Show when={accountInfo() !== null}>
 				{AccountContent(accountInfo() !== null, accountInfo())}
+				</Show>
 			</div>
 		</div>
 	);