From 73c8e0ce669fec91da0b15ddc3fd65080c4d7167 Mon Sep 17 00:00:00 2001
From: unknown <shioryuu0302@gmail.com>
Date: Tue, 24 Aug 2021 15:26:37 +0700
Subject: [PATCH] refactor: add Icon prelix into filename Heart and Vector in
 common/icons

---
 src/components/common/ItemWishList/ItemWishList.module.scss | 4 ++--
 src/components/common/ItemWishList/ItemWishList.tsx         | 4 ++--
 src/components/common/ViewAllItem/ViewAllItem.tsx           | 4 ++--
 src/components/icons/{Heart.tsx => IconHeart.tsx}           | 4 ++--
 src/components/icons/{Vector.tsx => IconVector.tsx}         | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)
 rename src/components/icons/{Heart.tsx => IconHeart.tsx} (96%)
 rename src/components/icons/{Vector.tsx => IconVector.tsx} (94%)

diff --git a/src/components/common/ItemWishList/ItemWishList.module.scss b/src/components/common/ItemWishList/ItemWishList.module.scss
index d87984bc6..9646b650c 100644
--- a/src/components/common/ItemWishList/ItemWishList.module.scss
+++ b/src/components/common/ItemWishList/ItemWishList.module.scss
@@ -8,11 +8,11 @@
     justify-content: center;
     align-items: center;
     path{
-        stroke: theme("colors.negative");
+        fill: theme("colors.negative");
     }
 }
 .isToggleOn{
     path{
-        stroke: theme("colors.primary");
+        fill: theme("colors.primary");
     }
 }
\ No newline at end of file
diff --git a/src/components/common/ItemWishList/ItemWishList.tsx b/src/components/common/ItemWishList/ItemWishList.tsx
index d381036e7..01ecc9817 100644
--- a/src/components/common/ItemWishList/ItemWishList.tsx
+++ b/src/components/common/ItemWishList/ItemWishList.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames'
-import { Heart } from '@components/icons'
+import IconHeart from 'src/components/icons/IconHeart'
 import React, { memo } from 'react'
 import s from './ItemWishList.module.scss'
 
@@ -18,7 +18,7 @@ const ItemWishList = memo(({isActive, onClick}:Props) => {
             [s.isToggleOn]:isActive
         })}
         onClick={handleClick}>
-            <Heart />
+            <IconHeart />
         </div>
     )
 })
diff --git a/src/components/common/ViewAllItem/ViewAllItem.tsx b/src/components/common/ViewAllItem/ViewAllItem.tsx
index 4b6daff4c..e85b6181b 100644
--- a/src/components/common/ViewAllItem/ViewAllItem.tsx
+++ b/src/components/common/ViewAllItem/ViewAllItem.tsx
@@ -1,4 +1,4 @@
-import Vector from 'src/components/icons/Vector'
+import IconVector from 'src/components/icons/IconVector'
 import s from './ViewAllItem.module.scss'
 import Link from 'next/link'
 
@@ -17,7 +17,7 @@ const ViewAllItem = ({ link }: Props) => {
                 </a>
             </Link>
             <div className={s.vecTor}>
-                <Vector />
+                <IconVector />
             </div>
         </div>
     )
diff --git a/src/components/icons/Heart.tsx b/src/components/icons/IconHeart.tsx
similarity index 96%
rename from src/components/icons/Heart.tsx
rename to src/components/icons/IconHeart.tsx
index 227f41f21..cb2a763b3 100644
--- a/src/components/icons/Heart.tsx
+++ b/src/components/icons/IconHeart.tsx
@@ -1,5 +1,5 @@
 
-const Vector = ({ ...props }) => {
+const IconHeart = ({ ...props }) => {
     return (
       <svg
         width="24"
@@ -16,4 +16,4 @@ const Vector = ({ ...props }) => {
     )
   }
   
-  export default Vector
\ No newline at end of file
+  export default IconHeart
\ No newline at end of file
diff --git a/src/components/icons/Vector.tsx b/src/components/icons/IconVector.tsx
similarity index 94%
rename from src/components/icons/Vector.tsx
rename to src/components/icons/IconVector.tsx
index b9c161940..e4a10f559 100644
--- a/src/components/icons/Vector.tsx
+++ b/src/components/icons/IconVector.tsx
@@ -1,5 +1,5 @@
 
-const Vector = ({ ...props }) => {
+const IconVector = ({ ...props }) => {
     return (
       <svg
         width="24"
@@ -16,4 +16,4 @@ const Vector = ({ ...props }) => {
     )
   }
   
-  export default Vector
\ No newline at end of file
+  export default IconVector
\ No newline at end of file