Merge pull request #233 from boostcampwm2023/FE/feature/#232-배포전-에러-수정

fix: build할 때 에러나는 부분 수정
boostcampwm2023 · Nov 23, 2023 · d463d50 · d463d50
2 parents 5f009b8 + ff8424e
commit d463d50
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 8 deletions.
diff --git a/frontend/src/business/hooks/useOverlay/useOverlay.tsx b/frontend/src/business/hooks/useOverlay/useOverlay.tsx
@@ -1,6 +1,7 @@
+import { useContext, useEffect, useMemo, useState } from 'react';
+
 import { OverlayContext } from './OverlayProvider';
 import { CreateOverlayElement } from './types';
-import { useContext, useEffect, useMemo, useState } from 'react';
 
 // overlay element를 구분하기 위한 id
 let elementId = 1;
@@ -12,7 +13,7 @@ export default function useOverlay() {
   }
 
   const [id] = useState(() => String(elementId++));
-  const [opened, setOpened] = useState(true);
+  const [opened] = useState(true);
 
   const { mount, unmount } = context;
 

diff --git a/frontend/src/business/hooks/useShareButtons.ts b/frontend/src/business/hooks/useShareButtons.ts
@@ -5,10 +5,12 @@ import { Kakao } from '@business/services/Kakao';
 
 import { downloadImage } from '@utils/downloadImage';
 
+import { IconColor } from '@constants/colors';
+
 type ShareButton = {
   text?: string;
   icon?: string;
-  iconColor?: string;
+  iconColor?: IconColor;
   onClick?: () => void;
   tooltip?: string;
 };
@@ -38,7 +40,7 @@ export function useShareButtons({ cardUrl, resultSharePageRef }: useShareButtonP
     kakao: {
       text: '카카오톡 공유',
       icon: 'simple-icons:kakaotalk',
-      iconColor: '#FEE500',
+      iconColor: 'kakaoIcon',
       onClick: share2Kakao,
     },
     download: {

diff --git a/frontend/src/components/Buttons/IconButton.tsx b/frontend/src/components/Buttons/IconButton.tsx
@@ -1,4 +1,4 @@
-import { iconColors } from '@constants/colors';
+import { IconColor, iconColors } from '@constants/colors';
 
 import { Icon } from '@iconify/react';
 
@@ -8,7 +8,7 @@ export interface IconButton {
   id?: string;
   text?: string;
   icon?: string;
-  iconColor?: keyof typeof iconColors;
+  iconColor?: IconColor;
   onClick?: () => void;
 }
 

diff --git a/frontend/src/components/TarotSpread/TarotSpread.tsx b/frontend/src/components/TarotSpread/TarotSpread.tsx
@@ -1,8 +1,6 @@
 import Background from '../Background';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
-import { shuffledArray } from '@utils/array';
-
 import TarotCard from './TarotCard';
 
 interface TarotSpreadProps {

diff --git a/frontend/src/constants/colors.ts b/frontend/src/constants/colors.ts
@@ -4,4 +4,6 @@ export const iconColors = {
   textDefault: 'text-default',
   textWeak: 'text-weak',
   textWhite: 'text-white-default',
+  kakaoIcon: 'kakao-icon',
 };
+export type IconColor = keyof typeof iconColors;
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
@@ -74,6 +74,7 @@ export default {
         '.text-default': { color: '#5E6E76' },
         '.text-weak': { color: '#879298' },
         '.text-white-default': { color: '#FFFFFF' },
+        '.kakao-icon': { color: '#FEE500' },
         '.display-bold24': themeBase.bold_L,
         '.display-bold16': themeBase.bold_M,
         '.display-bold14': themeBase.bold_R,