Merge pull request #362 from oduck-team/style/352

style: 일부 이미지가 흰 배경으로 나오는 현상 수정
oduck-team · Mar 5, 2024 · 0c74a85 · 0c74a85
2 parents 41c6569 + b422155
commit 0c74a85
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 13 deletions.
diff --git a/src/features/animes/components/AnimeCard/index.tsx b/src/features/animes/components/AnimeCard/index.tsx
@@ -38,16 +38,13 @@ export default function AnimeCard({
   onClick,
   display = "default",
 }: AnimeCardProps) {
-  console.log("animCard");
-  console.log(title, thumbnail);
-
   return (
     <AnimeCardContainer
       onClick={(e: React.MouseEvent) => onClick(id, e)}
       display={display}
     >
       <div className="image-container">
-        <Image className="image" image={thumbnail || ""} />
+        <Image className="image" image={thumbnail} />
       </div>
       <InfoContainer>
         <Title>{title}</Title>

diff --git a/src/features/animes/components/AnimeCard/style.ts b/src/features/animes/components/AnimeCard/style.ts
@@ -52,7 +52,7 @@ export const Image = styled.div<ImageProps>`
   border-radius: 5px;
   ${({ image }) => css`
     background:
-      url(${image}),
+      url("${image}"),
       lightgray 50% no-repeat;
   `}
   background-size: cover;

diff --git a/src/features/animes/components/AnimeRanking/index.tsx b/src/features/animes/components/AnimeRanking/index.tsx
@@ -51,9 +51,6 @@ export default function AnimeRanking({ title }: AnimeRankingProps) {
     }
   };
 
-  console.log("animeRanking");
-  console.log(animes);
-
   return (
     <>
       {isLoading && <AnimeRankingLoading />}
@@ -72,7 +69,7 @@ export default function AnimeRanking({ title }: AnimeRankingProps) {
                 {animes.map((ani, i) => (
                   <HighlightItemContainer key={ani.animeId}>
                     <HighlightItem
-                      image={ani.thumbnail || ""}
+                      image={ani.thumbnail}
                       data-anime-id={ani.animeId}
                       onClick={(e: React.MouseEvent) => handleClick(e)}
                     >
@@ -100,7 +97,7 @@ export default function AnimeRanking({ title }: AnimeRankingProps) {
               >
                 {animes.map((ani, i) => (
                   <SliderItem key={ani.animeId}>
-                    <SliderItemImage image={ani.thumbnail || ""}>
+                    <SliderItemImage image={ani.thumbnail}>
                       <Rank className="sub-carousel">{i + 1}</Rank>
                     </SliderItemImage>
                     <div>{ani.title}</div>

diff --git a/src/features/animes/routes/List/index.tsx b/src/features/animes/routes/List/index.tsx
@@ -60,9 +60,6 @@ export default function AnimeList() {
     enabled: animesQuery.hasNextPage,
   });
 
-  console.log("uniqueAnimesQueryData");
-  console.log(uniqueAnimesQueryData.pages);
-
   return (
     <>
       <Head