Style: price tolocaleString() 적용

ssumai-kr · Jul 16, 2024 · 0728e99 · 0728e99
1 parent 14ea335
commit 0728e99
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/components/KategorieDropdown/KategorieDropdown.tsx b/components/KategorieDropdown/KategorieDropdown.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useState } from 'react';
 import Image from 'next/image';
 import Down from '@/public/icon/chevron_down.svg';
 import Up from '@/public/icon/chevron_up.svg';

diff --git a/components/Lander/AllActivities.tsx b/components/Lander/AllActivities.tsx
@@ -2,7 +2,7 @@ import Image from 'next/image';
 import StarImg from '@/public/icon/Star.svg';
 import CatergoryBtn from '../CatergoryBtn/CatergoryBtn';
 import PriceFilterBtn from '../PriceFilterBtn/PriceFilterBtn';
-import { useState, useEffect } from 'react';
+import { useEffect } from 'react';
 import { AllActivityProps } from './AllActivities.type';
 import { getActivityList } from '@/pages/api/activities/apiactivities';
 import { getActivityListResponse } from '@/pages/api/activities/apiactivities.types';
@@ -57,7 +57,7 @@ export function AllActivity({
           {title}
         </div>
         <div className="font-sans text-[28px] text-[20px] font-[700] p:mt-[0px] mt-[15px]">
-          ₩{price}{' '}
+          ₩ {price.toLocaleString()}{' '}
           <span className="font-sans text-[16px] font-[400]">/ 인</span>
         </div>
       </div>

diff --git a/components/Lander/BestActivities.tsx b/components/Lander/BestActivities.tsx
@@ -11,7 +11,6 @@ import {
 import { useQuery } from '@tanstack/react-query';
 import { getActivityList } from '@/pages/api/activities/apiactivities';
 import { useRouter } from 'next/router';
-import { useRecoilState } from 'recoil';
 
 function BestActivity({
   title,
@@ -50,7 +49,7 @@ function BestActivity({
         {title}
       </div>
       <div className="font-sans text-[20px] m:text-[16px] font-[700] absolute left-[20px] bottom-[39px] m:bottom-[24px] text-white">
-        {price} / 인
+        ₩ {price.toLocaleString()} / 인
       </div>
     </div>
   );