Style: 포인트 표기 형식 변경 (ex) 50000 -> 50,000

kakao-tech-campus-2nd-step3 · Oct 17, 2024 · c9a3324 · c9a3324
1 parent ed23ad5
commit c9a3324
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 7 deletions.
diff --git a/src/pages/guard/mypage/components/profile-box/GuardProfileBox.tsx b/src/pages/guard/mypage/components/profile-box/GuardProfileBox.tsx
@@ -98,8 +98,8 @@ const ButtonBox = styled(Box)`
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 49%;
-  max-width: 169px;
+  width: 165px;
+  max-width: 165px;
   height: 70px;
   font-size: 18px;
   font-weight: 600;

diff --git a/src/pages/guard/mypage/store/api/guard-information.api.ts b/src/pages/guard/mypage/store/api/guard-information.api.ts
@@ -13,6 +13,5 @@ export const getGuardInformationQueryKey = ['guardInformation'];
 export const getGuardInformation =
   async (): Promise<GuardInformationResponse> => {
     const response = await fetchInstance.get(getGuardInformationPath());
-    console.log(response.data);
     return response.data;
   };
diff --git a/src/shared/api/instance/index.ts b/src/shared/api/instance/index.ts
@@ -5,7 +5,7 @@ import type {
 } from 'axios';
 import axios from 'axios';
 
-import { BASE_URI } from '@/shared/constants';
+// import { BASE_URI } from '@/shared/constants';
 import { QueryClient } from '@tanstack/react-query';
 
 const initInstance = (config: AxiosRequestConfig): AxiosInstance => {
@@ -25,7 +25,7 @@ const initInstance = (config: AxiosRequestConfig): AxiosInstance => {
 };
 
 export const fetchInstance = initInstance({
-  baseURL: BASE_URI,
+  baseURL: 'http://sinitto.site:8080',
 });
 
 export const queryClient = new QueryClient({

diff --git a/src/shared/components/features/mypage/point-box/PointBox.tsx b/src/shared/components/features/mypage/point-box/PointBox.tsx
@@ -74,7 +74,7 @@ const PointBox = () => {
         fontSize='18px'
         fontWeight={700}
       >
-        {pointData?.price} 포인트
+        {pointData?.price.toLocaleString()} 포인트
       </Box>
       {actionType ? (
         <Box display='flex' flexDir='column' alignItems='center'>

diff --git a/src/shared/components/features/mypage/point-log-box/PointLogBox.tsx b/src/shared/components/features/mypage/point-log-box/PointLogBox.tsx
@@ -40,7 +40,7 @@ const PointLogBox = () => {
               <TextLayout>
                 <DetailText>{item.content}</DetailText>
                 <DetailText display='flex' justifyContent='flex-end' mr={2}>
-                  {item.price}
+                  {item.price.toLocaleString()}
                 </DetailText>
               </TextLayout>
             </DetailTextBox>