hotfix : 이미지 버그 수정

wafflestudio21-5 · Feb 3, 2024 · a3129b0 · a3129b0
1 parent 232089f
commit a3129b0
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 11 deletions.
diff --git a/src/components/ContentList.tsx b/src/components/ContentList.tsx
@@ -103,7 +103,7 @@ export default function ContentList({ title, order }: ContentListProps) {
           average_rate: 5,
           my_rate: null,
         },
-      ]),
+      ])
   );
 
   const { accessToken } = useAuthContext();
@@ -119,17 +119,19 @@ export default function ContentList({ title, order }: ContentListProps) {
                 movie: MovieType;
                 my_rate: number | null;
                 rank: number;
+                average_rate: number | null;
               }) => {
                 const movie = movieRes.movie;
                 return {
                   ...movie,
+                  average_rate: movieRes.average_rate,
                   poster: movie.poster.replace("http", "https"),
                   my_rate: movieRes.my_rate
                     ? { my_rate: movieRes.my_rate }
                     : null,
                 };
-              },
-            ),
+              }
+            )
           );
         });
     order === "latest" &&
@@ -142,7 +144,7 @@ export default function ContentList({ title, order }: ContentListProps) {
                 ...movie,
                 poster: movie.poster.replace("http", "https"),
               };
-            }),
+            })
           );
         });
     order === "recommend" &&
@@ -156,7 +158,7 @@ export default function ContentList({ title, order }: ContentListProps) {
                 ...movie,
                 poster: movie.poster.replace("http", "https"),
               };
-            }),
+            })
           );
         });
   }, [order, accessToken]);
@@ -175,7 +177,7 @@ export default function ContentList({ title, order }: ContentListProps) {
       setIsLast(
         scrollWidth && carouselWidth
           ? carouselWidth - nextTranslateX === scrollWidth
-          : false,
+          : false
       );
     }
   }
@@ -191,7 +193,7 @@ export default function ContentList({ title, order }: ContentListProps) {
       setIsLast(
         scrollWidth && carouselWidth
           ? carouselWidth - nextTranslateX === scrollWidth
-          : false,
+          : false
       );
     }
   }
@@ -203,7 +205,7 @@ export default function ContentList({ title, order }: ContentListProps) {
         <div className={styles.scrollBar} ref={carouselContentRef}>
           <ul ref={carouselUlRef}>
             {contents.map((content: MovieType, index: number) =>
-              ContentCell(content, index + 1),
+              ContentCell(content, index + 1)
             )}
           </ul>
         </div>

diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
@@ -94,7 +94,7 @@ export default function SearchBar({
               onBlur={() => setShowRecommend(false)}
               onFocus={() => setShowRecommend(true)}
               autoComplete="off"
-              placeholder="콘텐츠, 인물, 유저를 검색해보세요."
+              placeholder="영화 또는 유저를 검색해보세요."
               type="text"
               value={searchInput}
               onChange={onSearchChange}

diff --git a/src/components/user/User.module.scss b/src/components/user/User.module.scss
@@ -242,6 +242,7 @@
       margin-left: auto;
       width: 9px;
       height: 14px;
+      object-fit: cover;
     }
   }
 }
diff --git a/src/components/user/UserCard.tsx b/src/components/user/UserCard.tsx
@@ -19,7 +19,7 @@ export default function UserCard({
   const myId = myUserData?.id;
   const isMyUserCard = follower.id === myId;
   const buttonClickHandler = (
-    e: React.MouseEvent<HTMLButtonElement, MouseEvent>,
+    e: React.MouseEvent<HTMLButtonElement, MouseEvent>
   ) => {
     e.preventDefault();
     if (!accessToken) return;
@@ -41,7 +41,10 @@ export default function UserCard({
       <Link to={`/users/${follower.id}`}>
         <div className={styles.imgBox}>
           <img
-            src="https://an2-glx.amz.wtchn.net/assets/default/user/photo_file_name_large-ab0a7f6a92a282859192ba17dd4822023e22273e168c2daf05795e5171e66446.jpg"
+            src={
+              follower.profile_photo ??
+              "https://an2-glx.amz.wtchn.net/assets/default/user/photo_file_name_large-ab0a7f6a92a282859192ba17dd4822023e22273e168c2daf05795e5171e66446.jpg"
+            }
             alt="userImg"
           />
         </div>