feat(my-info): 내 정보 페이지 API 연동 (#29)

* 카드 추가 모달 구현 * type 명 변경 * feat: 카드 조회 api 연동 * CustomDialog * 카드 추가하기 기능 구현 * 카드삭제 기능 구현 * 터치버튼 * http * 쿼리키 분리 * 카드 추가 후 에디터로 이동 * ui 일부 수정 * 제목 색상 변경 * delete
depromeet · Aug 26, 2024 · 8bd9f19 · 8bd9f19
1 parent 6d3cf85
commit 8bd9f19
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 11 deletions.
diff --git a/src/app/(sidebar)/write/[id]/components/TagSelector/TagSelector.tsx b/src/app/(sidebar)/write/[id]/components/TagSelector/TagSelector.tsx
@@ -69,7 +69,10 @@ function Content({
 
   return (
     <If condition={isOpen || defaultOpen}>
-      <article {...getContentProps()} className={cn(getContentProps().className, className)}>
+      <article
+        {...getContentProps()}
+        className={cn(getContentProps().className, className)} // 기존 클래스와 새로운 클래스 병합
+      >
         {children}
       </article>
     </If>
@@ -96,6 +99,7 @@ function TagList({ title, children, className }: StrictPropsWithChildren<{ title
     </div>
   );
 }
+
 function TagSelector({
   children,
   className,

diff --git a/src/system/components/Icon/Icon.tsx b/src/system/components/Icon/Icon.tsx
@@ -9,7 +9,7 @@ import { Check } from './SVG/Check';
 import { Close } from './SVG/Close';
 import { Clover } from './SVG/Clover';
 import { CodingSignUp } from './SVG/CodingSignUp';
-import Copy from './SVG/Copy';
+import { Copy } from './SVG/Copy';
 import { Delete } from './SVG/Delete';
 import { DesignSignup } from './SVG/DesignSignup';
 import { Division } from './SVG/Division';
@@ -20,7 +20,7 @@ import { FilledMemo } from './SVG/FilledMemo';
 import { Folder } from './SVG/Folder';
 import { FolderFill } from './SVG/FolderFill';
 import { Link } from './SVG/Link';
-import LogoOnly from './SVG/LogoOnly';
+import { LogoOnly } from './SVG/LogoOnly';
 import { Logout } from './SVG/Logout';
 import { Memo } from './SVG/Memo';
 import { More } from './SVG/More';
@@ -30,10 +30,10 @@ import { ProfileFill } from './SVG/ProfileFill';
 import { Refresh } from './SVG/Refresh';
 import { Remove } from './SVG/Remove';
 import { RightChevron } from './SVG/RightChevron';
-import Rocket from './SVG/Rocket';
+import { Rocket } from './SVG/Rocket';
 import { Search } from './SVG/Search';
 import { Setting } from './SVG/Setting';
-import Shoes from './SVG/Shoes';
+import { Shoes } from './SVG/Shoes';
 import { Tag } from './SVG/Tag';
 import { Trash } from './SVG/Trash';
 import { Unlink } from './SVG/Unlink';

diff --git a/src/system/components/Icon/SVG/Copy.tsx b/src/system/components/Icon/SVG/Copy.tsx
@@ -1,6 +1,6 @@
 import { IconBaseType } from '@/system/components/Icon/SVG/type';
 
-export default function Copy({ size, color }: IconBaseType) {
+export function Copy({ size, color }: IconBaseType) {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none">
       <path

diff --git a/src/system/components/Icon/SVG/LogoOnly.tsx b/src/system/components/Icon/SVG/LogoOnly.tsx
@@ -1,6 +1,6 @@
 import { IconBaseType } from './type';
 
-export default function LogoOnly({ size, color }: IconBaseType) {
+export function LogoOnly({ size, color }: IconBaseType) {
   return (
     <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M9.61348 31.8391L12.8281 25.9752L6.07758 27.5573L9.61348 31.8391Z" fill="#20E79D" />

diff --git a/src/system/components/Icon/SVG/Rocket.tsx b/src/system/components/Icon/SVG/Rocket.tsx
@@ -1,6 +1,6 @@
 import { IconBaseType } from './type';
 
-export default function Rocket({ size, color }: IconBaseType) {
+export function Rocket({ size, color }: IconBaseType) {
   return (
     <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M11.5 24V16.5L16.5 14V20.5L11.5 24Z" fill="#186D50" />

diff --git a/src/system/components/Icon/SVG/Shoes.tsx b/src/system/components/Icon/SVG/Shoes.tsx
@@ -1,6 +1,6 @@
 import { IconBaseType } from './type';
 
-export default function Shoes({ size, color }: IconBaseType) {
+export function Shoes({ size, color }: IconBaseType) {
   return (
     <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
       <path

diff --git a/src/system/components/Icon/SVG/X.tsx b/src/system/components/Icon/SVG/X.tsx
@@ -3,8 +3,8 @@ import { IconBaseType } from './type';
 export function X({ size, color }: IconBaseType) {
   return (
     <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M18 6L6 18" stroke={color} strokeWidth="1.5" stroke-linecap="square" stroke-linejoin="round" />
-      <path d="M6 6L18 18" stroke={color} strokeWidth="1.5" stroke-linecap="square" stroke-linejoin="round" />
+      <path d="M18 6L6 18" stroke={color} stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" />
+      <path d="M6 6L18 18" stroke={color} stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" />
     </svg>
   );
 }