Fix(overwriting): 중복된 notice 컴포넌트 삭제

업스트림 최신버전 fetch 완료, 중복된 컴포넌트 삭제, npm run prettier
flareseek · Sep 10, 2024 · 419ce39 · 419ce39
1 parent ff6541c
commit 419ce39
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 87 deletions.
diff --git a/src/Notice.tsx b/src/Notice.tsx
diff --git a/src/pages/Notice/index.tsx b/src/pages/Notice/index.tsx
@@ -101,7 +101,7 @@ function Notice() {
   // downbtn 클릭 시 상세 내용을 보여주는 로직
   const toggleNotice = (id: number) => {
     setExpandedNotices((prev) =>
-      prev.includes(id) ? prev.filter((noticeId) => noticeId !== id) : [...prev, id]
+      prev.includes(id) ? prev.filter((noticeId) => noticeId !== id) : [...prev, id],
     );
   };
 
@@ -224,4 +224,4 @@ function Notice() {
   );
 }
 
-export default Notice;
+export default Notice;
diff --git a/src/pages/Notice/notice.css.ts b/src/pages/Notice/notice.css.ts
@@ -2,7 +2,7 @@ import { style, globalStyle, keyframes } from "@vanilla-extract/css";
 
 // body에 글로벌 스타일 적용
 globalStyle("body", {
-  position:'relative',
+  position: "relative",
   margin: 0,
   padding: 0,
   backgroundImage: 'url("src/assets/background.svg")', // 배경 이미지 경로
@@ -20,12 +20,12 @@ globalStyle("::-webkit-scrollbar", {
   height: "0px",
 });
 
-export const titleText=style({
-  fontSize:20,
-  fontWeight:600,
-  color:'white',
-  marginTop:60,
-})
+export const titleText = style({
+  fontSize: 20,
+  fontWeight: 600,
+  color: "white",
+  marginTop: 60,
+});
 // 검색 필드와 버튼을 감싸는 컨테이너
 export const searchContainer = style({
   display: "flex",
@@ -36,7 +36,7 @@ export const searchContainer = style({
   width: "80%",
   height: "40px",
   position: "fixed",
-  top:150,
+  top: 150,
   marginBottom: 20,
 });
 
@@ -53,8 +53,6 @@ export const searchbar = style({
   fontWeight: 500,
 });
 
-
-
 // 상단의 빨간 컨테이너
 export const container = style({
   width: "100%",
@@ -65,11 +63,11 @@ export const container = style({
 
 // 중간에 검색창을 배치하는 컨테이너
 export const mid = style({
-  position:'relative',
+  position: "relative",
   width: "100%",
   height: 650,
   display: "flex",
-  margin:'20px 0',
+  margin: "20px 0",
   justifyContent: "center",
   flexDirection: "column",
   alignItems: "center",
@@ -108,8 +106,8 @@ export const notice = style({
 });
 
 export const copyright = style({
-  position:'absolute',
-  bottom:0,
+  position: "absolute",
+  bottom: 0,
   margin: 0,
   padding: 0,
   backgroundImage: 'url("src/assets/copyright.svg")', // 배경 이미지 경로
@@ -127,7 +125,6 @@ export const noticeNumber = style({
   marginLeft: 20,
 });
 
-
 export const noticeContentWrapper = style({
   width: "90%", // 부모 요소의 너비에 맞추기
   overflow: "hidden", // 넘치는 부분을 숨김