diff --git a/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx b/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx index 35ca5c03c..175970aac 100644 --- a/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx +++ b/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx @@ -183,31 +183,29 @@ const ClubInfoEditTab = () => { - {/*동아리 SNS 링크*/} - {/*

현재 준비 중인 기능입니다. 조금만 기다려 주세요!

*/} - {/**/} - {/* {Object.entries(SNS_CONFIG).map(([rawKey, { label, placeholder }]) => {*/} - {/* const key = rawKey as SNSPlatform;*/} - - {/* return (*/} - {/* */} - {/* {label}*/} - {/* handleSocialLinkChange(key, e.target.value)}*/} - {/* onClear={() => {*/} - {/* setSocialLinks((prev) => ({ ...prev, [key]: '' }));*/} - {/* setSnsErrors((prev) => ({ ...prev, [key]: '' }));*/} - {/* }}*/} - {/* isError={snsErrors[key] !== ''}*/} - {/* helperText={snsErrors[key]}*/} - {/* disabled={true}*/} - {/* />*/} - {/* */} - {/* );*/} - {/* })}*/} - {/**/} + 동아리 SNS 링크 + + {Object.entries(SNS_CONFIG).map(([rawKey, { label, placeholder }]) => { + const key = rawKey as SNSPlatform; + + return ( + + {label} + handleSocialLinkChange(key, e.target.value)} + onClear={() => { + setSocialLinks((prev) => ({ ...prev, [key]: '' })); + setSnsErrors((prev) => ({ ...prev, [key]: '' })); + }} + isError={snsErrors[key] !== ''} + helperText={snsErrors[key]} + /> + + ); + })} + ); }; diff --git a/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.styles.ts b/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.styles.ts index 60326631e..18f6024f3 100644 --- a/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.styles.ts +++ b/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.styles.ts @@ -16,7 +16,7 @@ export const InfoBoxWrapper = styled.div` export const InfoBox = styled.div` width: 573px; - height: 164px; //todo 추후 197로 수정 필요 + height: 197px; border-radius: 18px; border: 1px solid #dcdcdc; padding: 30px; diff --git a/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx b/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx index eb080704d..a922e1194 100644 --- a/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx +++ b/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx @@ -1,7 +1,7 @@ import * as Styled from './InfoBox.styles'; import { ClubDetail } from '@/types/club'; import { INFOTABS_SCROLL_INDEX } from '@/constants/scrollSections'; -//import SnsLinkIcons from '@/pages/ClubDetailPage/components/SnsLinkIcons/SnsLinkIcons'; +import SnsLinkIcons from '@/pages/ClubDetailPage/components/SnsLinkIcons/SnsLinkIcons'; interface ClubInfoItem { label: string; @@ -38,10 +38,10 @@ const InfoBox = ({ sectionRefs, clubDetail }: InfoBoxProps) => { descriptions: [ { label: '회장이름', value: clubDetail.presidentName }, { label: '전화번호', value: clubDetail.presidentPhoneNumber }, - // { - // label: 'SNS', - // render: , - // }, + { + label: 'SNS', + render: , + }, ], refIndex: INFOTABS_SCROLL_INDEX.CLUB_INFO_TAB, },