fix: 멤버 상세 연락처 정보 마진 수정

sopt-makers · Dec 28, 2024 · 891f352 · 891f352
1 parent 37d79c0
commit 891f352
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/src/components/members/detail/ProfileSection/index.tsx b/src/components/members/detail/ProfileSection/index.tsx
@@ -41,22 +41,24 @@ const convertBirthdayFormat = (birthday?: string) => {
 const ContactSection = ({ profile }: { profile: ProfileDetail }) => {
   return (
     <ContactWrapper>
-      <ContactTopWrapper>
-        {profile.birthday && (
-          <ContactItem>
-            <StyledIconBirth />
-            <div>{convertBirthdayFormat(profile.birthday)}</div>
-          </ContactItem>
-        )}
-        {profile.phone && (
-          <Link passHref href={`tel:${profile.phone}`} legacyBehavior>
-            <ContactItem style={{ cursor: 'pointer' }}>
-              <StyledIconPhone />
-              <div className='phone'>{profile.phone.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3')}</div>
+      {(profile.birthday || profile.phone) && (
+        <ContactTopWrapper>
+          {profile.birthday && (
+            <ContactItem>
+              <StyledIconBirth />
+              <div>{convertBirthdayFormat(profile.birthday)}</div>
             </ContactItem>
-          </Link>
-        )}
-      </ContactTopWrapper>
+          )}
+          {profile.phone && (
+            <Link passHref href={`tel:${profile.phone}`} legacyBehavior>
+              <ContactItem style={{ cursor: 'pointer' }}>
+                <StyledIconPhone />
+                <div className='phone'>{profile.phone.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3')}</div>
+              </ContactItem>
+            </Link>
+          )}
+        </ContactTopWrapper>
+      )}
       <div>
         {profile.email && (
           <Link passHref href={`mailto:${profile.email}`} legacyBehavior>