fix : 거리 반올림

NolDaGapSeoYang · Mar 30, 2023 · 06d5ef1 · 06d5ef1
1 parent 7d4e799
commit 06d5ef1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/components/Search/DestinationCard.tsx b/src/components/Search/DestinationCard.tsx
@@ -24,9 +24,7 @@ const DestinationCard: FC<any> = ({ node, maxLength, idx, fetchMore }) => {
         <LocationWrapper>
           <div style={{ display: 'flex', flexDirection: 'column' }}>
             <h4 className='title-medium text-bold'>{node.name}</h4>
-            <span className='title-small main-text'>
-              나와의 거리 {getDistance(node.distance)}km
-            </span>
+            <span className='title-small main-text'>나와의 거리 {getDistance(node.distance)}</span>
             <Address className='body-small2 text-subdark'>
               {node.address
                 .split(' ')

diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -2,7 +2,7 @@ import { Coord } from 'types/kakaoMap'
 
 export const getIsMobile = () => /Android|iPhone/i.test(navigator.userAgent)
 
-export const getDistance = (distance: number) => distance / 1000
+export const getDistance = (distance: number) => `약 ${Math.round(distance / 1000) / 10}km`
 
 export const linkToKaKaoMap = (coord: Coord) => {
   const isMobile = getIsMobile()