fix: 직군/직업 정보가 있는 경우만 뱃지 노출되도록 수정

prgrms-web-devcourse · Jul 17, 2024 · e7bf74b · e7bf74b
1 parent 5621891
commit e7bf74b
Showing 1 changed file with 21 additions and 18 deletions.
diff --git a/src/components/profile/info/ProfileInfoPresenter.tsx b/src/components/profile/info/ProfileInfoPresenter.tsx
@@ -11,24 +11,27 @@ const ProfileInfoPresenter = ({
 }: ProfileInfoProps) => {
   return (
     <div className="mb-[2rem] flex flex-col gap-[2rem]">
-      <div className="flex gap-[0.8rem]">
-        <Badge
-          colorScheme="main"
-          isFilled={false}
-          size="large"
-          fontWeight="bold"
-        >
-          {jobGroupKoreanName}
-        </Badge>
-        <Badge
-          colorScheme="main"
-          isFilled={false}
-          size="large"
-          fontWeight="bold"
-        >
-          {jobNameKoreanName}
-        </Badge>
-      </div>
+      {jobGroupKoreanName && jobNameKoreanName && (
+        <div className="flex gap-[0.8rem]">
+          <Badge
+            colorScheme="main"
+            isFilled={false}
+            size="large"
+            fontWeight="bold"
+          >
+            {jobGroupKoreanName}
+          </Badge>
+          <Badge
+            colorScheme="main"
+            isFilled={false}
+            size="large"
+            fontWeight="bold"
+          >
+            {jobNameKoreanName}
+          </Badge>
+        </div>
+      )}
+
       <div className="flex items-center gap-[1rem]">
         <Avatar src={profileImage} size="large" />
         <h2 className="font-subheading-regular">