From 94dec82400b1ab7ba7d480d53b40d64fcf4e9eef Mon Sep 17 00:00:00 2001
From: MurakawaTakuya <murakawatakuya5@gmail.com>
Date: Sun, 8 Dec 2024 17:29:46 +0900
Subject: [PATCH] =?UTF-8?q?=E7=94=BB=E9=9D=A2=E3=83=AD=E3=83=BC=E3=83=89?=
 =?UTF-8?q?=E3=81=AE=E3=82=A2=E3=82=A4=E3=82=B3=E3=83=B3=E3=82=92=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Components/TopPage/TopPage.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/Components/TopPage/TopPage.tsx b/src/Components/TopPage/TopPage.tsx
index 5f139ba..3fece32 100644
--- a/src/Components/TopPage/TopPage.tsx
+++ b/src/Components/TopPage/TopPage.tsx
@@ -1,5 +1,6 @@
 "use client";
 import { useUser } from "@/utils/UserContext";
+import CircularProgress from "@mui/joy/CircularProgress";
 import { redirect } from "next/navigation";
 import { ReactNode } from "react";
 
@@ -15,7 +16,18 @@ export const TopPage = ({ children }: TopPageProps) => {
   return (
     <>
       {user === undefined ? (
-        <>ローディングぐるぐるしてるつもり</>
+        <CircularProgress
+          color="primary"
+          variant="soft"
+          size="lg"
+          value={30}
+          sx={{
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+          }}
+        />
       ) : (
         <main>{children}</main>
       )}