끝이 아닐까

Author: hirohiro-sys

src/components/CreatePost.tsx

@@ -128,7 +128,9 @@ export const CreatePost = () => {
             <form onSubmit={handleSubmit(onClickAddKakomonPost)}>
               <FormControl isInvalid={Boolean(errors.title)}>
                 <FormLabel htmlFor="title" fontWeight="bold">
-                  <Badge colorScheme='red' mr="3px">必須</Badge>
+                  <Badge colorScheme="red" mr="3px">
+                    必須
+                  </Badge>
                   タイトル
                 </FormLabel>
                 <Input
@@ -144,7 +146,9 @@ export const CreatePost = () => {
               </FormControl>
               <FormControl isInvalid={Boolean(errors.name)}>
                 <FormLabel htmlFor="name" fontWeight="bold" mt="15px">
-                <Badge colorScheme='red' mr="3px">必須</Badge>
+                  <Badge colorScheme="red" mr="3px">
+                    必須
+                  </Badge>
                   カカオID又はニックネーム
                 </FormLabel>
                 <Input
@@ -160,7 +164,9 @@ export const CreatePost = () => {
               </FormControl>
               <FormControl isInvalid={Boolean(errors.description)}>
                 <FormLabel htmlFor="description" fontWeight="bold" mt="15px">
-                <Badge colorScheme='red' mr="3px">必須</Badge>
+                  <Badge colorScheme="red" mr="3px">
+                    必須
+                  </Badge>
                   過去問詳細
                 </FormLabel>
                 <Textarea
@@ -341,7 +347,7 @@ export const CreatePost = () => {
                   {kakomonPost.description}
                 </Td>
                 <Td>
-                  <Button
+                <Button
                     bgColor="gray.500"
                     color="white"
                     border="2px"
@@ -359,6 +365,7 @@ export const CreatePost = () => {
                       style={{ marginLeft: "8px" }}
                     />
                   </Button>
+
                 </Td>
               </Tr>
             ))}

src/components/SignIn.tsx

@@ -21,10 +21,18 @@ import { FcGoogle } from "react-icons/fc";
 import { FaGithub } from "react-icons/fa";
 import { FaDoorOpen } from "react-icons/fa6";
 import { useNavigate } from "react-router-dom";
+import { useEffect } from "react";
+
+
+const preloadImage = (url: string) => {
+  const img = new Image();
+  img.src = url;
+};
 
 export const SignIn = () => {
   const { auth } = firebaseServices;
   const navigate = useNavigate();
+
   const signInWithGoogle = (): Promise<UserCredential> => {
     const provider = new GoogleAuthProvider();
     return signInWithPopup(auth, provider).then((result) => {
@@ -33,7 +41,6 @@ export const SignIn = () => {
       return result;
     });
   };
-
   const signInWithGithub = (): Promise<UserCredential> => {
     const provider = new GithubAuthProvider();
     return signInWithPopup(auth, provider).then((result) => {
@@ -42,10 +49,14 @@ export const SignIn = () => {
       return result;
     });
   };
+
+  useEffect(() => {
+    preloadImage("https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3279945/533e08f0-f2da-d547-bfcc-276c3123c0ec.jpeg");
+  }, []);
+  
   return (
     <>
       <Center h="100vh" position="relative" overflow="hidden">
-        {/* 別のやり方で画像表示できる気がする(chakraの公式docみる) */}
         <Box
           position="absolute"
           top="0"

src/components/layout/MainLayout.tsx

@@ -128,7 +128,7 @@ const SidebarContent = ({
         alignItems="center"
         justifyContent="space-between"
         bgColor="blue.300"
-        bgGradient="linear(to-r, blackAlpha.700, blue.600, cyan.500)"
+        bgGradient="linear(to-r, blackAlpha.700, blue.400)"
       >
         <Text
           fontSize="2xl"
@@ -175,7 +175,7 @@ const SidebarContent = ({
         <AlertDialogOverlay>
           <AlertDialogContent>
             <AlertDialogHeader fontSize="lg" fontWeight="bold">
-              サインアウトページ
+              サインアウト確認
             </AlertDialogHeader>
 
             <AlertDialogBody>本当にサインアウトしますか？</AlertDialogBody>

src/lib/supabasefunctions.ts

@@ -58,19 +58,17 @@ export const getUserInfo = async (userId:number) => {
 // ユーザー情報を追加する関数
 export const addUser = async (name: string, subjectName: number, kakaoId: string, description: string) => {
     const { data, error } = await supabase
-      .from("user")
-      .insert({ name, kakao_id: kakaoId, description, subject_id: subjectName })
-      .select('id')
-      .single();
+        .from("user")
+        .insert({ name, kakao_id: kakaoId, description, subject_id: subjectName })
+        .select('id')
+        .single();
     if (error) {
-      console.error('Error adding user:', error);
-      throw error; // 必要に応じてエラーを再スロー
+        console.error('Error adding user:', error);
+        throw error;
     }
-  
-    // 追加したユーザーの id を返す
     return data.id;
-  };
-  
+};
+
 
 // 科目とユーザーの中間テーブルにデータを追加する関数
 export const addUserToSubject = async (subjectId:number,userId: number) => {