Merge pull request #103 from Review-zip/fix-error

Fix: error
Review-zip · Feb 20, 2024 · 16aa2c4 · 16aa2c4
2 parents 7438b29 + d12e92f
commit 16aa2c4
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 19 deletions.
diff --git a/src/components/mainPageComponent/mainMiddelModalComponent/style.ts b/src/components/mainPageComponent/mainMiddelModalComponent/style.ts
@@ -43,6 +43,7 @@ const styles = {
     max-height: 6vh;
     color: white;
     font-weight: bold;
+    text-align: left;
   `,
 
   HashTagContainer: styled.div`

diff --git a/src/components/uploadPostComponent/uploadPostLeftComponent/style.ts b/src/components/uploadPostComponent/uploadPostLeftComponent/style.ts
@@ -86,6 +86,7 @@ const styles = {
 
   Image: styled.img`
     width: 100%;
+    max-height: 460px;
     object-fit: cover;
   `,
 

diff --git a/src/components/uploadPostComponent/uploadPostRightComponent/style.ts b/src/components/uploadPostComponent/uploadPostRightComponent/style.ts
@@ -143,6 +143,7 @@ const styles = {
     background-color: white;
     padding: 5px;
     border: none;
+    color: black;
 
     &:focus {
       outline: none;

diff --git a/src/pages/myProfilePage/myProfilePage.tsx b/src/pages/myProfilePage/myProfilePage.tsx
@@ -92,15 +92,15 @@ const MyProfilePage: React.FC = () => {
     );
 
     setPosts(response.data.result);
-  }, []);
+  }, [userId]);
 
   // 스크랩한 게시글들 가져오기
   const getScrabPosts = useCallback(async () => {
     const response = await GetAxiosInstance<GetUserPostsResponse>(
       `/v1/users/${userId}/posts/scrabs`,
     );
     setScrabPosts(response.data.result);
-  }, []);
+  }, [userId]);
 
   // 유저들의 정보(닉네임, 프로필 이미지 등) 가져오기
   const getUserInfo = useCallback(async () => {
@@ -130,23 +130,29 @@ const MyProfilePage: React.FC = () => {
   }, [userId]);
 
   // 팔로우 하기
-  const followUser = async (user: User) => {
-    setUserInfo({ ...user, following: true });
-    try {
-      await PostAxiosInstance(`/v1/follows/users/${userId}`);
-    } catch (error) {
-      setUserInfo({ ...user, following: false });
-    }
-  };
-
-  const unFollowUser = async (user: User) => {
-    setUserInfo({ ...user, following: false });
-    try {
-      await DeleteAxiosInstance(`/v1/follows/users/${userId}`);
-    } catch (error) {
+  const followUser = useCallback(
+    async (user: User) => {
       setUserInfo({ ...user, following: true });
-    }
-  };
+      try {
+        await PostAxiosInstance(`/v1/follows/users/${userId}`);
+      } catch (error) {
+        setUserInfo({ ...user, following: false });
+      }
+    },
+    [userInfo],
+  );
+
+  const unFollowUser = useCallback(
+    async (user: User) => {
+      setUserInfo({ ...user, following: false });
+      try {
+        await DeleteAxiosInstance(`/v1/follows/users/${userId}`);
+      } catch (error) {
+        setUserInfo({ ...user, following: true });
+      }
+    },
+    [userInfo],
+  );
 
   const editProfile = async () => {
     try {

diff --git a/src/pages/notFoundPage/style.ts b/src/pages/notFoundPage/style.ts
@@ -9,7 +9,7 @@ const styles = {
     display: flex;
     width: 100vw;
     height: 100vh;
-    over-flow: hidden;
+    overflow: hidden;
   `,
   Left: styled.div`
     flex: 1;