From 40784a6cec00181f057bd541a5e849aea20ab25b Mon Sep 17 00:00:00 2001
From: "using6843@gmail.com" <using6843@gmail.com>
Date: Tue, 19 Nov 2024 18:59:09 +0900
Subject: [PATCH] [fix] front build error fix

---
 apps/frontend/src/hooks/useLotteryCanvas.ts | 4 ++--
 apps/frontend/src/hooks/useLotteryModal.ts  | 4 ++--
 apps/frontend/src/pages/Lottery.tsx         | 4 ++--
 apps/frontend/src/pages/Main.tsx            | 4 ++--
 apps/frontend/src/pages/MyPage.tsx          | 4 ++--
 apps/frontend/src/utils/getFarmImg.ts       | 4 +++-
 apps/frontend/tailwind.config.js            | 4 +++-
 7 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/apps/frontend/src/hooks/useLotteryCanvas.ts b/apps/frontend/src/hooks/useLotteryCanvas.ts
index d34042d..ff38aa3 100644
--- a/apps/frontend/src/hooks/useLotteryCanvas.ts
+++ b/apps/frontend/src/hooks/useLotteryCanvas.ts
@@ -1,7 +1,7 @@
 import { useRef, useState, useEffect } from 'react';
 import { ERASE_RADIUS, ERASE_DISTANCE, WIDTH, HEIGHT } from '@/constants/LotteryConstants';
 
-const useLotteryCanvas = () => {
+const UseLotteryCanvas = () => {
   const [isCanvasVisible, setIsCanvasVisible] = useState(false);
   const [isScratching, setIsScratching] = useState(false);
   const canvasRef = useRef<HTMLCanvasElement | null>(null);
@@ -113,4 +113,4 @@ const useLotteryCanvas = () => {
   };
 };
 
-export default useLotteryCanvas;
+export default UseLotteryCanvas;
diff --git a/apps/frontend/src/hooks/useLotteryModal.ts b/apps/frontend/src/hooks/useLotteryModal.ts
index 8683d4c..0d72ad3 100644
--- a/apps/frontend/src/hooks/useLotteryModal.ts
+++ b/apps/frontend/src/hooks/useLotteryModal.ts
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-const useLotteryModal = () => {
+const UseLotteryModal = () => {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const openModal = () => setIsModalOpen(true);
@@ -10,4 +10,4 @@ const useLotteryModal = () => {
   return { isModalOpen, openModal, handleConfirm, handleCancel };
 };
 
-export default useLotteryModal;
+export default UseLotteryModal;
diff --git a/apps/frontend/src/pages/Lottery.tsx b/apps/frontend/src/pages/Lottery.tsx
index e057a14..fcaf202 100644
--- a/apps/frontend/src/pages/Lottery.tsx
+++ b/apps/frontend/src/pages/Lottery.tsx
@@ -1,8 +1,8 @@
 import LotteryTicket from '@/components/LotteryTicket';
 import LotteryModal from '@/components/LotteryModal';
 import LotteryButtons from '@/components/LotteryButtons';
-import useLotteryModal from '@/hooks/useLotteryModal';
-import useLotteryCanvas from '@/hooks/useLotteryCanvas';
+import useLotteryModal from '@/hooks/UseLotteryModal';
+import useLotteryCanvas from '@/hooks/UseLotteryCanvas';
 
 const Lottery: React.FC = () => {
   const { isModalOpen, openModal, handleCancel, handleConfirm } = useLotteryModal();
diff --git a/apps/frontend/src/pages/Main.tsx b/apps/frontend/src/pages/Main.tsx
index 7de9592..4afb4e7 100644
--- a/apps/frontend/src/pages/Main.tsx
+++ b/apps/frontend/src/pages/Main.tsx
@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom';
-import { getStepImage } from '@/utils/GetFarmImg';
+import GetFarmImg from '@/utils/GetFarmImg';
 
 const Main: React.FC = () => {
   const amount: number = 100000000;
@@ -8,7 +8,7 @@ const Main: React.FC = () => {
     <main className="flex flex-col justify-center items-center select-none min-h-screen">
       <div
         className="flex justify-center items-center bg-no-repeat bg-contain bg-center w-[370px] h-[360px]"
-        style={{ backgroundImage: `url(${getStepImage(amount)})` }}
+        style={{ backgroundImage: `url(${GetFarmImg(amount)})` }}
       ></div>
       <nav className="flex justify-center mt-8">
         <ul className="flex list-none gap-24">
diff --git a/apps/frontend/src/pages/MyPage.tsx b/apps/frontend/src/pages/MyPage.tsx
index 6e49cb7..e6edf93 100644
--- a/apps/frontend/src/pages/MyPage.tsx
+++ b/apps/frontend/src/pages/MyPage.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { Transaction, ApiCrop, Crop } from '@/types/Index';
-import { getStepImage } from '@/utils/GetFarmImg';
+import GetFarmImg from '@/utils/GetFarmImg';
 import Profile from '@/components/Profile';
 import CropList from '@/components/CropList';
 import TransactionTable from '@/components/TransactionTable';
@@ -129,7 +129,7 @@ const MyPage: React.FC = () => {
         <Profile id={id} modalOpen={modalOpen} />
         <div
           className="flex justify-center items-center bg-no-repeat bg-contain bg-center w-[300px] h-[280px]"
-          style={{ backgroundImage: `url(${getStepImage(amount)})` }}
+          style={{ backgroundImage: `url(${GetFarmImg(amount)})` }}
         />
       </div>
 
diff --git a/apps/frontend/src/utils/getFarmImg.ts b/apps/frontend/src/utils/getFarmImg.ts
index ffd4393..1226ece 100644
--- a/apps/frontend/src/utils/getFarmImg.ts
+++ b/apps/frontend/src/utils/getFarmImg.ts
@@ -1,4 +1,4 @@
-export const getStepImage = (amount: number) => {
+const GetFarmImg = (amount: number) => {
   if (amount < 1000000) {
     return '/step1.png';
   } else if (amount < 10000000) {
@@ -9,3 +9,5 @@ export const getStepImage = (amount: number) => {
     return '/step4.png';
   }
 };
+
+export default GetFarmImg;
diff --git a/apps/frontend/tailwind.config.js b/apps/frontend/tailwind.config.js
index f4d1544..0097c53 100755
--- a/apps/frontend/tailwind.config.js
+++ b/apps/frontend/tailwind.config.js
@@ -47,7 +47,9 @@ module.exports = {
         ranking: "url('./assets/main/ranking.png')",
         lottery: "url('./assets/main/lottery.png')",
         giftBox: "url('./assets/lottery/giftBox.png')",
-        veggieBox: "url('./assets/lottery/veggieBox.png')"
+        veggieBox: "url('./assets/lottery/veggieBox.png')",
+        board1: "url('./assets/market/board1.png')",
+        board2: "url('./assets/market/board2.png')"
       },
       keyframes: {
         slideDown: {