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 (
+
+ 동아리 정보
+
+
+
+ 중분류
+ {clubData.clubType}
+
+
+ 소속 캠퍼스
+ {clubData.campus}캠퍼스
+
+
+ 위치
+ {clubData.roomLocation}
+
+
+ 모임시간
+ {clubData.regularMeetingTime}
+
+
+ 대표자 이름
+ {clubData.presidentName}
+
+
+ 대표자 연락처
+ {clubData.presidentContact}
+
+
+ 동아리 페이지
+
+
+ {isIGUrl(clubData.webLink1) ? (
+
+
+ {'@' + getIGID(clubData.webLink1)}
+
+ ) : isIGAccount(clubData.webLink1) ? (
+
+
+ {clubData.webLink1}
+
+ ) : (
+ {clubData.webLink1}
+ )}
+
+
+
+
+ 가입/추가 페이지
+
+ {isUrlPresent(clubData.webLink2)}
+
+
+
+
+ );
}