diff --git a/frontend/jest.config.js b/frontend/jest.config.js index b0c28477c..c3e6e5479 100644 --- a/frontend/jest.config.js +++ b/frontend/jest.config.js @@ -4,6 +4,7 @@ module.exports = { testEnvironment: 'jsdom', transform: { '^.+\\.tsx?$': ['ts-jest', {}], + '\\.(svg|png|jpg|jpeg|gif)$': 'jest-transform-stub', }, moduleNameMapper: { '^@/(.*)$': '/src/$1', diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 5a4edb8cb..82a04cca6 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -64,6 +64,7 @@ "jest": "^29.7.0", "jest-environment-jsdom": "^29.7.0", "jest-fetch-mock": "^3.0.3", + "jest-transform-stub": "^2.0.0", "mini-css-extract-plugin": "^2.9.2", "path": "^0.12.7", "prettier": "^3.4.2", @@ -12488,6 +12489,13 @@ "node": ">=10" } }, + "node_modules/jest-transform-stub": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/jest-transform-stub/-/jest-transform-stub-2.0.0.tgz", + "integrity": "sha512-lspHaCRx/mBbnm3h4uMMS3R5aZzMwyNpNIJLXj4cEsV0mIUtS4IjYJLSoyjRCtnxb6RIGJ4NL2quZzfIeNhbkg==", + "dev": true, + "license": "MIT" + }, "node_modules/jest-util": { "version": "29.7.0", "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz", diff --git a/frontend/package.json b/frontend/package.json index 40059cf38..d4acc9d9d 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -75,6 +75,7 @@ "jest": "^29.7.0", "jest-environment-jsdom": "^29.7.0", "jest-fetch-mock": "^3.0.3", + "jest-transform-stub": "^2.0.0", "mini-css-extract-plugin": "^2.9.2", "path": "^0.12.7", "prettier": "^3.4.2", diff --git a/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.styles.ts b/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.styles.ts index 645d6a935..e76d17c4f 100644 --- a/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.styles.ts +++ b/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.styles.ts @@ -10,7 +10,7 @@ export const InfoTitle = styled.h2` font-size: 1.5rem; font-weight: bold; letter-spacing: 0; - margin-bottom: 46px; + margin-bottom: 30px; `; export const InfoGroup = styled.div` diff --git a/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx b/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx index 175970aac..35ca5c03c 100644 --- a/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx +++ b/frontend/src/pages/AdminPage/tabs/ClubInfoEditTab/ClubInfoEditTab.tsx @@ -183,29 +183,31 @@ 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]} - /> - - ); - })} - + {/*동아리 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}*/} + {/* />*/} + {/* */} + {/* );*/} + {/* })}*/} + {/**/} ); }; diff --git a/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.styles.ts b/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.styles.ts index d7f65efac..b7200d506 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: 197px; + height: 164px; //todo 추후 197로 수정 필요 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 0b0f7cf12..b5defaae2 100644 --- a/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx +++ b/frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx @@ -2,7 +2,7 @@ import React from 'react'; 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; @@ -39,10 +39,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, },