refactor : ㅇㅏ이콘 교체

dnd-side-project · Sep 27, 2023 · 11bf8c7 · 11bf8c7
1 parent e279c5d
commit 11bf8c7
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git a/src/app/(Sub)/detail/[id]/components/DetailHeader.tsx b/src/app/(Sub)/detail/[id]/components/DetailHeader.tsx
@@ -4,9 +4,9 @@ import { useRouter } from 'next/navigation';
 
 import IconButton from '@/components/Button/IconButton';
 import { Header } from '@/components/Header';
+import { Icon } from '@/components/Icon';
 import { PreparingModal } from '@/components/Modal';
 import { useOverlay } from '@/components/Overlay/useOverlay';
-import { ICON } from '@/constants/icon';
 
 export default function DetailHeader() {
   const { open } = useOverlay();
@@ -30,7 +30,7 @@ export default function DetailHeader() {
           size="large"
           onClick={() => open(({ exit }) => <PreparingModal onClose={exit} />)}
         >
-          <Image src={ICON.bookmark.black} width={24} height={24} alt="bookmark" />
+          <Icon id="bookmark" />
         </IconButton>
       }
       className="px-4"

diff --git a/src/app/(Sub)/menu/components/MakerSection.tsx b/src/app/(Sub)/menu/components/MakerSection.tsx
@@ -9,14 +9,20 @@ export default function MakerSection() {
   return (
     <BottomFixedDiv>
       <div className="flex justify-center">
-        <Image alt="instagram" src="/icons/instagram.svg" width={48} height={48} />
+        <Icon
+          id="instagram"
+          width={48}
+          height={48}
+          onClick={() => window.open('https://www.instagram.com/posepicker')}
+          className="cursor-pointer"
+        />
         <Spacing size={16} direction="horizontal" />
-        <Image
-          alt="github"
-          src="/icons/github.svg"
+        <Icon
+          id="github"
           width={48}
           height={48}
           onClick={() => window.open('https://github.com/dnd-side-project/dnd-9th-5-frontend')}
+          className="cursor-pointer"
         />
       </div>
       <Spacing size={8} />

diff --git a/src/components/Selection/Tag.tsx b/src/components/Selection/Tag.tsx
@@ -9,15 +9,15 @@ interface Tag {
 export default function Tag({ selected, onClick, text }: Tag) {
   return (
     <div
-      className={`flex min-w-fit cursor-pointer gap-6 rounded-30 px-12 py-5 ${
+      className={`flex min-w-fit cursor-pointer items-center gap-6 rounded-30 px-12 py-5 ${
         selected ? 'bg-main-violet-bright' : 'bg-sub-white'
       }`}
       onClick={onClick}
     >
       <div id="subtitle-2" className={selected ? 'text-main-violet-dark' : 'text-secondary'}>
         {text}
       </div>
-      {selected && <Icon id="close_gray" />}
+      {selected && <Icon id="close_gray" width={12} height={12} />}
     </div>
   );
 }