Skip to content

[fix] 동아리 SNS 링크 관련 전체 기능 재활성화 #504

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
oesnuj merged 4 commits into from
Jun 6, 2025
Merged

[fix] 동아리 SNS 링크 관련 전체 기능 재활성화 #504

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
066822c
style: InfoBox 높이 값 197px로 수정
oesnuj Jun 6, 2025
0580200
feat: 클럽 상세 페이지에 SNS 링크 표시 기능 추가
oesnuj Jun 6, 2025
15bfebf
feat: 동아리 SNS 링크 표시 UI 및 로직 추가
oesnuj Jun 6, 2025
49349c8
feat: 동아리 SNS 링크 입력 기능 활성화
oesnuj Jun 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 23 additions & 25 deletions frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -183,31 +183,29 @@ const ClubInfoEditTab = () => {
<MakeTags value={clubTags} onChange={setClubTags} />
</Styled.TagEditGroup>

{/*<Styled.InfoTitle>동아리 SNS 링크</Styled.InfoTitle>*/}
{/*<p>현재 준비 중인 기능입니다. 조금만 기다려 주세요!</p>*/}
{/*<Styled.SNSInputGroup>*/}
{/* {Object.entries(SNS_CONFIG).map(([rawKey, { label, placeholder }]) => {*/}
{/* const key = rawKey as SNSPlatform;*/}

{/* return (*/}
{/* <Styled.SNSRow key={key}>*/}
{/* <Styled.SNSCheckboxLabel>{label}</Styled.SNSCheckboxLabel>*/}
{/* <InputField*/}
{/* placeholder={placeholder}*/}
{/* value={socialLinks[key]}*/}
{/* onChange={(e) => handleSocialLinkChange(key, e.target.value)}*/}
{/* onClear={() => {*/}
{/* setSocialLinks((prev) => ({ ...prev, [key]: '' }));*/}
{/* setSnsErrors((prev) => ({ ...prev, [key]: '' }));*/}
{/* }}*/}
{/* isError={snsErrors[key] !== ''}*/}
{/* helperText={snsErrors[key]}*/}
{/* disabled={true}*/}
{/* />*/}
{/* </Styled.SNSRow>*/}
{/* );*/}
{/* })}*/}
{/*</Styled.SNSInputGroup>*/}
<Styled.InfoTitle>동아리 SNS 링크</Styled.InfoTitle>
<Styled.SNSInputGroup>
{Object.entries(SNS_CONFIG).map(([rawKey, { label, placeholder }]) => {
const key = rawKey as SNSPlatform;

return (
<Styled.SNSRow key={key}>
<Styled.SNSCheckboxLabel>{label}</Styled.SNSCheckboxLabel>
<InputField
placeholder={placeholder}
value={socialLinks[key]}
onChange={(e) => handleSocialLinkChange(key, e.target.value)}
onClear={() => {
setSocialLinks((prev) => ({ ...prev, [key]: '' }));
setSnsErrors((prev) => ({ ...prev, [key]: '' }));
}}
isError={snsErrors[key] !== ''}
helperText={snsErrors[key]}
/>
</Styled.SNSRow>
);
})}
</Styled.SNSInputGroup>
</>
);
};
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.styles.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
10 changes: 5 additions & 5 deletions frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
Expand Down Expand Up @@ -38,10 +38,10 @@ const InfoBox = ({ sectionRefs, clubDetail }: InfoBoxProps) => {
descriptions: [
{ label: '회장이름', value: clubDetail.presidentName },
{ label: '전화번호', value: clubDetail.presidentPhoneNumber },
// {
// label: 'SNS',
// render: <SnsLinkIcons apiSocialLinks={clubDetail.socialLinks} />,
// },
{
label: 'SNS',
render: <SnsLinkIcons apiSocialLinks={clubDetail.socialLinks} />,
},
],
refIndex: INFOTABS_SCROLL_INDEX.CLUB_INFO_TAB,
},
Expand Down