From 6df84b2bf11ec31f7650dbc6b5c5e060103abc6a Mon Sep 17 00:00:00 2001 From: rail <78732904+jongse7@users.noreply.github.com> Date: Sat, 8 Feb 2025 16:18:54 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20=ED=97=A4=EB=8D=94,=20=EB=A9=94?= =?UTF-8?q?=EC=9D=B8=EC=B9=B4=EB=93=9C,=20=ED=95=98=EB=8B=A8=20=ED=91=B8?= =?UTF-8?q?=ED=84=B0=20S:SURE=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20(#403)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## 1️⃣ 작업 내용 Summary - resolved #402 ussum 문구를 ssure로 변경했습니다. https://www.figma.com/design/bvPbGZ4yQbtxoW66PCnAuF/%EC%88%AD%EC%8B%A4%EB%8C%80%ED%95%99%EA%B5%90-%EC%B4%9D%ED%95%99%EC%83%9D%ED%9A%8C-%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80?node-id=9661-22251&p=f&t=S5GAQ9x0qoLhtYXw-0 원래는 문구가 text였는데 svg로 대체되면서 svg 패키지 설정을 했습니다. 온보딩은 아직 디자인이 나오지않아 ussum입니다. ## 2️⃣ 추후 작업할 내용 ## 3️⃣ 체크리스트 - [x] `main` 브랜치의 최신 코드를 `pull` 받았나요? --- package.json | 4 +- src/assets/image/logo/ssure_white_logo.svg | 9 + src/components/Logo/SsureLogo.tsx | 5 + .../Logo/{Logo.tsx => UssumLogo.tsx} | 2 +- src/components/MainCarousel/index.tsx | 7 +- .../PostCard/PostCardBasicMissing.tsx | 10 +- src/const/studentCouncil.ts | 7 + src/containers/common/Footer/Footer.tsx | 11 +- src/containers/common/Header/Header.tsx | 7 +- .../PostPetitionDetailPostSection.tsx | 4 +- src/types/svg.d.ts | 4 + tsconfig.json | 21 +- vite.config.ts | 3 +- yarn.lock | 2010 ++++++++++++++++- 14 files changed, 1971 insertions(+), 133 deletions(-) create mode 100644 src/assets/image/logo/ssure_white_logo.svg create mode 100644 src/components/Logo/SsureLogo.tsx rename src/components/Logo/{Logo.tsx => UssumLogo.tsx} (95%) create mode 100644 src/const/studentCouncil.ts create mode 100644 src/types/svg.d.ts diff --git a/package.json b/package.json index 736f9c0b..f4e7ad31 100644 --- a/package.json +++ b/package.json @@ -57,6 +57,7 @@ "zod": "^3.23.8" }, "devDependencies": { + "@svgr/webpack": "^8.1.0", "@toast-ui/editor": "^3.2.2", "@types/node": "^20.12.2", "@types/react": "^18.2.66", @@ -75,7 +76,8 @@ "prettier-plugin-tailwindcss": "^0.5.9", "tailwindcss": "^3.4.3", "typescript": "^5.2.2", - "vite": "^5.2.0" + "vite": "^5.2.0", + "vite-plugin-svgr": "^4.3.0" }, "resolutions": { "rollup": "4.24.0", diff --git a/src/assets/image/logo/ssure_white_logo.svg b/src/assets/image/logo/ssure_white_logo.svg new file mode 100644 index 00000000..fed971d7 --- /dev/null +++ b/src/assets/image/logo/ssure_white_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/Logo/SsureLogo.tsx b/src/components/Logo/SsureLogo.tsx new file mode 100644 index 00000000..00ec2ab7 --- /dev/null +++ b/src/components/Logo/SsureLogo.tsx @@ -0,0 +1,5 @@ +import SsureLogo from '@/assets/image/logo/ssure_white_logo.svg?react'; + +export function Logo({ className }: { className?: string }) { + return ; +} diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/UssumLogo.tsx similarity index 95% rename from src/components/Logo/Logo.tsx rename to src/components/Logo/UssumLogo.tsx index b508fc44..6850d997 100644 --- a/src/components/Logo/Logo.tsx +++ b/src/components/Logo/UssumLogo.tsx @@ -1,4 +1,4 @@ -export function Logo({ fill = '#ffffff', size = '32px' }: { fill?: string; size?: string }) { +export function UssumLogo({ fill = '#ffffff', size = '32px' }: { fill?: string; size?: string }) { return ( ( @@ -52,9 +53,9 @@ const MainCarousel = () => {
-
제64대 총학생회
-

US:SUM

- +
제65대 총학생회
+

+ {!isLogin && (