Merge pull request #136 from prgrms-fe-devcourse/dev

[🐛fix]: 포스팅이 클릭되지 않는 현상 hotfix
prgrms-fe-devcourse · Jul 3, 2024 · c8a7ff0 · c8a7ff0
2 parents 63eb6bb + cffc6e5
commit c8a7ff0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 14 deletions.
diff --git a/src/components/common/PostSimpleCard/PostSimpleCard.styles.ts b/src/components/common/PostSimpleCard/PostSimpleCard.styles.ts
@@ -141,9 +141,7 @@ export const TextContainer = styled.p<{ $why?: boolean }>`
   }}
 `;
 
-export const ProfileContainer = styled(Row)<{
-  tabIndex: number;
-}>`
+export const ProfileContainer = styled(Row)`
   width: auto;
   align-items: center;
   margin: 5px;

diff --git a/src/components/common/PostSimpleCard/PostSimpleCard.tsx b/src/components/common/PostSimpleCard/PostSimpleCard.tsx
@@ -265,15 +265,14 @@ const PostSimpleCard = ({ postData }: IProps) => {
   if (mutation.isSuccess) {
     return (
       <>
-        <CardContainer
-          tabIndex={0}
-          aria-label={`${JSON.parse(postData.title).title} 게시물 보기`}
-          onKeyDown={event => handleKeyDown(event)}
-          $basis="half"
-        >
+        <CardContainer $basis="half">
           <CardImageContainer style={{ minHeight: "200px", minWidth: "100%" }}>
             {/* todo, 카드 컴포넌트 원주님과 협업 후 공용 컴포넌트로 변경 */}
             <CardImage
+              tabIndex={0}
+              aria-label={`${JSON.parse(postData.title).title} 게시물 보기`}
+              onClick={onClickImage}
+              onKeyDown={event => handleKeyDown(event)}
               src={postData.image ? postData.image : "/image_alt.png"}
               alt="포스팅 이미지"
             />
@@ -302,12 +301,11 @@ const PostSimpleCard = ({ postData }: IProps) => {
                 />
               </NewDiv>
             </IconContainer>
-            <ProfileContainer
-              tabIndex={0}
-              onClick={onClickProfile}
-              onKeyDown={onClickProfile}
-            >
+            <ProfileContainer>
               <span
+                tabIndex={0}
+                onClick={onClickProfile}
+                onKeyDown={onClickProfile}
                 role="button"
                 aria-label="프로필로 이동하기"
                 style={{