diff --git a/app/components/club-detail/InfoSection.js b/app/components/club-detail/InfoSection.js index b5c3961..cf8dcf3 100644 --- a/app/components/club-detail/InfoSection.js +++ b/app/components/club-detail/InfoSection.js @@ -5,123 +5,145 @@ import Link from 'next/link'; import InstagramIcon from '@mui/icons-material/Instagram'; const InfoContentWrapper = styled.div` - padding-top: 12px; - width: 100%; - display: flex; - flex-direction: column; - gap: 12px; + padding-top: 12px; + width: 100%; + display: flex; + flex-direction: column; + gap: 12px; `; const InfoContentRow = styled.div` - display: flex; - gap: 12px; + display: flex; + gap: 12px; `; const BoldLabel = styled.div` - width: 40%; - font-family: Pretendard-Regular; - font-size: 18px; - font-style: normal; - font-weight: 700; - line-height: 25px; - word-break: keep-all; + width: 40%; + font-family: Pretendard-Regular; + font-size: 18px; + font-style: normal; + font-weight: 700; + line-height: 25px; + word-break: keep-all; `; const Label = styled.div` - width: 60%; - font-family: Pretendard-Regular; - font-size: 16px; - font-style: normal; - font-weight: 500; - line-height: 25px; - word-break: keep-all; - white-space: pre-wrap; + width: 60%; + font-family: Pretendard-Regular; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 25px; + word-break: keep-all; + white-space: pre-wrap; `; const LinkLabel = styled.div` - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; `; const IGAdressContainer = styled.div` - display: flex; - gap: 4px; + display: flex; + gap: 4px; `; export default function InfoSection({ clubData }) { - const isIGUrl = (url) => (url ? url.includes('instagram') : false); - const isIGAccount = (url) => (url ? url[0] === '@' : false); - const getIGID = (url) => { - if (isIGUrl(url)) { - return url.split('/')[3]; - } else if (isIGAccount(url)) { - return url; - } else { - return clubData.name; - } - }; + const isIGUrl = (url) => (url ? url.includes('instagram') : false); + const isIGAccount = (url) => (url ? url[0] === '@' : false); + const getIGID = (url) => { + if (isIGUrl(url)) { + return url.split('/')[3]; + } else if (isIGAccount(url)) { + return url; + } else { + return clubData.name; + } + }; - return ( - - 동아리 정보 + const isUrlPresent = (url) => { + if (url.length === 0) { + return false; + } else { + return ( + + 이동하기 + + ); + } + }; - - - 중분류 - - - - 소속 캠퍼스 - - - - 위치 - - - - 모임시간 - - - - 대표자 이름 - - - - 대표자 연락처 - - - - 동아리 페이지 - - - - 가입 문의 - - - - - ); + return ( + + 동아리 정보 + + + + 중분류 + + + + 소속 캠퍼스 + + + + 위치 + + + + 모임시간 + + + + 대표자 이름 + + + + 대표자 연락처 + + + + 동아리 페이지 + + + + 가입/추가 페이지 + + + + + ); }