fix: alt값을 필수로 받도록 수정

choooz · Mar 22, 2024 · 6016add · 6016add
1 parent 5fc805b
commit 6016add
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/apps/jurumarble/src/app/main/components/Carousel.tsx b/apps/jurumarble/src/app/main/components/Carousel.tsx
@@ -56,6 +56,7 @@ function Carousel({ hotDrinkList }: Props) {
                   <DrinkImageContainer>
                     <RankginMark>{index + 1}</RankginMark>
                     <DrinkImageWrapper
+                      alt={name}
                       src={image}
                       fill
                       style={{ borderRadius: '10px' }}

diff --git a/apps/jurumarble/src/app/main/components/HotDrinkVoteContainer.tsx b/apps/jurumarble/src/app/main/components/HotDrinkVoteContainer.tsx
@@ -32,6 +32,7 @@ function HotDrinkVoteContainer() {
           <DrinkImageBox color="orange">
             <ImageWrapper>
               <DrinkImageWrapper
+                alt="A이미지"
                 src={drinkAImage}
                 fill
                 style={{ borderRadius: '80px' }}
@@ -41,6 +42,7 @@ function HotDrinkVoteContainer() {
           <DrinkImageBox color="mint">
             <ImageWrapper>
               <DrinkImageWrapper
+                alt="B이미지"
                 src={drinkBImage}
                 fill
                 style={{ borderRadius: '80px' }}

diff --git a/apps/jurumarble/src/app/search/components/VoteDescription.tsx b/apps/jurumarble/src/app/search/components/VoteDescription.tsx
@@ -1,5 +1,4 @@
 import DrinkImageWrapper from 'components/DrinkImageWrapper';
-import { StaticImageData } from 'next/image';
 import styled from 'styled-components';
 
 interface Props {

diff --git a/apps/jurumarble/src/components/DrinkImageWrapper.tsx b/apps/jurumarble/src/components/DrinkImageWrapper.tsx
@@ -3,10 +3,8 @@ import { DrinkImage } from 'public/images';
 
 import FallbackImage from './FallbackImage';
 
-interface Props extends Omit<ImageProps, 'alt'> {}
-
-function DrinkImageWrapper({ ...rest }: Props) {
-  return <FallbackImage alt="전통주" fallbackSrc={DrinkImage} {...rest} />;
+function DrinkImageWrapper({ ...rest }: ImageProps) {
+  return <FallbackImage fallbackSrc={DrinkImage} {...rest} />;
 }
 
 export default DrinkImageWrapper;