UI renew (#673)

# PRの概要
closes #672 

## 具体的な変更内容

## 影響範囲

## 動作要件

## 補足

## レビューリクエストを出す前にチェック！

- [ ] 改めてセルフレビューしたか
- [ ] 手動での動作検証を行ったか
- [ ] server の機能追加ならば、テストを書いたか
  - 理由: 書いた | server の機能追加ではない
- [ ] 間違った使い方が存在するならば、それのドキュメントをコメントで書いたか
  - 理由: 書いた | 間違った使い方は存在しない
- [ ] わかりやすいPRになっているか

<!-- レビューリクエスト後は、Slackでもメンションしてお願いすることを推奨します。 -->

---------

Co-authored-by: Shogo Nakamura <[email protected]>

Author: RRRyoma

bun.lock

@@ -429,7 +429,7 @@
 
     "@types/body-parser": ["@types/[email protected]", "", { "dependencies": { "@types/connect": "*", "@types/node": "*" } }, "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg=="],
 
-    "@types/bun": ["@types/[email protected].3", "", { "dependencies": { "bun-types": "1.2.3" } }, "sha512-054h79ipETRfjtsCW9qJK8Ipof67Pw9bodFWmkfkaUaRiIQ1dIV2VTlheshlBx3mpKr0KeK8VqnMMCtgN9rQtw=="],
+    "@types/bun": ["@types/[email protected].4", "", { "dependencies": { "bun-types": "1.2.4" } }, "sha512-QtuV5OMR8/rdKJs213iwXDpfVvnskPXY/S0ZiFbsTjQZycuqPbMW8Gf/XhLfwE5njW8sxI2WjISURXPlHypMFA=="],
 
     "@types/caseless": ["@types/[email protected]", "", {}, "sha512-hWtVTC2q7hc7xZ/RLbxapMvDMgUnDvKvMOpKal4DrMyfGBUfB1oKaZlIRr6mJL+If3bAP6sV/QneGzF6tJjZDg=="],
 
@@ -535,7 +535,7 @@
 
     "buffer-equal-constant-time": ["[email protected]", "", {}, "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="],
 
-    "bun-types": ["[email protected].3", "", { "dependencies": { "@types/node": "*", "@types/ws": "~8.5.10" } }, "sha512-P7AeyTseLKAvgaZqQrvp3RqFM3yN9PlcLuSTe7SoJOfZkER73mLdT2vEQi8U64S1YvM/ldcNiQjn0Sn7H9lGgg=="],
+    "bun-types": ["[email protected].4", "", { "dependencies": { "@types/node": "*", "@types/ws": "~8.5.10" } }, "sha512-nDPymR207ZZEoWD4AavvEaa/KZe/qlrbMSchqpQwovPZCKc7pwMoENjEtHgMKaAjJhy+x6vfqSBA1QU3bJgs0Q=="],
 
     "busboy": ["[email protected]", "", { "dependencies": { "streamsearch": "^1.1.0" } }, "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA=="],
 

server/prisma/schema.prisma

@@ -35,7 +35,7 @@ model User {
   faculty    String
   department String
   intro      String
-  pictureUrl String
+  pictureUrl String @default("/avatar.svg")
 
   // bindings to other parts of this app
   enrollments    Enrollment[]
@@ -67,7 +67,7 @@ model InterestSubject {
 // User->Interest->InterestSubject
 model Interest {
   userId    Int
-  user      User            @relation(fields: [userId], references: [id])
+  user      User            @relation(fields: [userId], references: [id], onDelete: Cascade )
   subjectId Int
   subject   InterestSubject @relation(fields: [subjectId], references: [id], onDelete: Cascade)
 

server/src/router/picture.ts

@@ -12,7 +12,7 @@ import { error } from "../lib/error";
 import * as hashing from "../lib/hash";
 
 const largeLimit = bodyLimit({
-  maxSize: 50 * 1024, // 50kb
+  maxSize: 50 * 1024 * 1024, // 50mb
   onError: (c) => {
     return c.text("overflow :(", 413);
   },

server/src/router/users.ts

@@ -107,7 +107,7 @@ const router = new Hono()
 
   // INSERT INTO "User" VALUES (body...)
   .post("/", async (c) => {
-    const partialUser = InitUserSchema.parse(c.body);
+    const partialUser = InitUserSchema.parse(await c.req.json());
     const user = await createUser(partialUser);
 
     //ユーザー作成と同時にメモとマッチング
@@ -119,7 +119,7 @@ const router = new Hono()
   // ユーザーの更新エンドポイント
   .put("/me", async (c) => {
     const id = await getUserId(c);
-    const user = UpdateUserSchema.parse(c.body);
+    const user = UpdateUserSchema.parse(await c.req.json());
     const updated = await updateUser(id, user);
     c.status(200);
     return c.json(updated);

web/app/chat/[id]/page.tsx

@@ -4,23 +4,33 @@ import Link from "next/link";
 import { useEffect, useState } from "react";
 import * as chat from "~/api/chat/chat";
 import { RoomWindow } from "~/components/chat/RoomWindow";
+import FullScreenCircularProgress from "~/components/common/FullScreenCircularProgress";
 
 export default function Page({ params }: { params: { id: string } }) {
   const id = Number.parseInt(params.id);
   const [room, setRoom] = useState<(DMRoom & PersonalizedDMRoom) | null>(null);
+  const [loading, setLoading] = useState(true);
+
   useEffect(() => {
     (async () => {
-      const room = await chat.getDM(id);
-      setRoom(room);
+      try {
+        const room = await chat.getDM(id);
+        setRoom(room);
+      } finally {
+        setLoading(false);
+      }
     })();
   }, [id]);
 
+  if (loading) {
+    return <FullScreenCircularProgress />;
+  }
+
   return (
     <>
       {room ? (
         <RoomWindow friendId={id} room={room} />
       ) : (
-        // FIXME: this isn't an error when it's just loading
         <p>
           Sorry, an unexpected error has occurred.
           <Link href="/home" className="text-blue-600">

web/app/home/page.tsx

@@ -28,9 +28,13 @@ export default function Home() {
   const [recommended, setRecommended] = useState<
     Queue<UserWithCoursesAndSubjects>
   >(() => new Queue([]));
+  const [loading, setLoading] = useState<boolean>(true);
 
   useEffect(() => {
-    if (data) setRecommended(new Queue(data));
+    if (data) {
+      setRecommended(new Queue(data));
+      setLoading(false);
+    }
   }, [data]);
 
   const displayedUser = recommended.peek(0);
@@ -77,13 +81,13 @@ export default function Home() {
     [recommended, controls, backCardControls],
   );
 
-  if (data === undefined) {
+  if (loading) {
     return <FullScreenCircularProgress />;
   }
   if (currentUser == null) {
     return <FullScreenCircularProgress />;
   }
-  if (recommended.size() === 0) {
+  if (recommended.size() === 0 && loading === false) {
     return <NoMoreUser />;
   }
   if (error) throw error;

web/app/layout.tsx

@@ -33,7 +33,10 @@ export default function RootLayout({
       <head>
         <meta charSet="UTF-8" />
         <link rel="icon" type="image/svg+xml" href="/course-mate-icon.svg" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
+        />
         <title>CourseMate</title>
       </head>
       <body className="h-full">

web/app/signup/steps/step2_img.tsx

@@ -23,10 +23,6 @@ export default function Step2({
   }, []);
 
   async function next() {
-    if (!url) {
-      notify("画像は必須です");
-      return;
-    }
     const data = {
       pictureUrl: url,
     };