From 239e72d7fb402f015e79b9e7e2cbdff6fcfd7308 Mon Sep 17 00:00:00 2001
From: KaichiManabe <154493010+KaichiManabe@users.noreply.github.com>
Date: Sun, 10 Nov 2024 17:35:21 +0900
Subject: [PATCH 1/2] =?UTF-8?q?step4=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/app/chat/page.tsx                 |  3 +--
 web/app/signup/steps/step4_course.tsx | 31 ++++++++-------------------
 2 files changed, 10 insertions(+), 24 deletions(-)

diff --git a/web/app/chat/page.tsx b/web/app/chat/page.tsx
index b6ced666..5412e532 100644
--- a/web/app/chat/page.tsx
+++ b/web/app/chat/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import { Typography } from "@mui/material";
 import { useSearchParams } from "next/navigation";
 import { Suspense } from "react";
 import { useRoomsOverview } from "~/api/chat/hooks";
@@ -31,7 +30,7 @@ function ChatListContent() {
   ) : state.current === "loading" ? (
     <FullScreenCircularProgress />
   ) : state.current === "error" ? (
-    <Typography color="error">Error: {state.error.message}</Typography>
+    <p color="error">Error: {state.error.message}</p>
   ) : (
     <RoomList roomsData={state.data} />
   );
diff --git a/web/app/signup/steps/step4_course.tsx b/web/app/signup/steps/step4_course.tsx
index a8c24d91..a9321dd7 100644
--- a/web/app/signup/steps/step4_course.tsx
+++ b/web/app/signup/steps/step4_course.tsx
@@ -1,5 +1,3 @@
-import { Typography } from "@mui/material";
-import { Box } from "@mui/system";
 import Link from "next/link";
 import { useMyID } from "~/api/user";
 import FullScreenCircularProgress from "~/components/common/FullScreenCircularProgress";
@@ -9,37 +7,26 @@ export default function Step4() {
   const { state } = useMyID();
   return (
     <>
-      <Box>
+      <div>
         {state.current === "loading" ? (
           <FullScreenCircularProgress />
         ) : state.current === "error" ? (
           <p>Error: {state.error.message}</p>
         ) : (
-          <Box mt={2} mx={2} display="flex" flexDirection="column" gap={2}>
-            <Typography variant="h6" component="h1">
-              授業情報の登録 (スキップ可)
-            </Typography>
-            <Box>
+          <div className="mx-4 mt-4 flex flex-col gap-4">
+            <h1>授業情報の登録 (スキップ可)</h1>
+            <div>
               <EditableCoursesTable userId={state.data} />
-            </Box>
-          </Box>
+            </div>
+          </div>
         )}
-      </Box>
-      <Box
-        p={3}
-        sx={{
-          position: "fixed",
-          display: "flex",
-          justifyContent: "space-between",
-          bottom: 0,
-          width: "100%",
-        }}
-      >
+      </div>
+      <div className="b-0 fixed flex w-full justify-between p-6">
         <span />
         <Link href="/tutorial" className="btn btn-primary">
           次へ
         </Link>
-      </Box>
+      </div>
     </>
   );
 }

From 476ee479c3935c14eb83fb9a6b3e89230cc720c2 Mon Sep 17 00:00:00 2001
From: KaichiManabe <154493010+KaichiManabe@users.noreply.github.com>
Date: Sun, 17 Nov 2024 10:57:26 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=E8=89=B2=E5=BD=93=E3=81=A6=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/app/chat/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/chat/page.tsx b/web/app/chat/page.tsx
index 5412e532..66a344ed 100644
--- a/web/app/chat/page.tsx
+++ b/web/app/chat/page.tsx
@@ -30,7 +30,7 @@ function ChatListContent() {
   ) : state.current === "loading" ? (
     <FullScreenCircularProgress />
   ) : state.current === "error" ? (
-    <p color="error">Error: {state.error.message}</p>
+    <p className="decoration-red">Error: {state.error.message}</p>
   ) : (
     <RoomList roomsData={state.data} />
   );