🔧 fix: API 주소 변경 & useEffect 코드 위치 변경

boostcampwm-2024 · Dec 3, 2024 · 1549e84 · 1549e84
1 parent ce04401
commit 1549e84
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 18 deletions.
diff --git a/FE/src/components/StocksDetail/Header.tsx b/FE/src/components/StocksDetail/Header.tsx
@@ -35,6 +35,23 @@ export default function Header({ code, data }: StocksDetailHeaderProps) {
   const { isLogin } = useAuthStore();
   const { toggleModal } = useLoginModalStore();
 
+  const stockInfo: { label: string; value: string }[] = [
+    { label: '시총', value: `${Number(hts_avls).toLocaleString()}억원` },
+    { label: 'PER', value: `${per}배` },
+  ];
+
+  const colorStyleBySign =
+    currPrdyVrssSign === '3'
+      ? ''
+      : currPrdyVrssSign < '3'
+        ? 'text-juga-red-60'
+        : 'text-juga-blue-40';
+
+  const percentAbsolute = Math.abs(Number(currPrdyRate)).toFixed(2);
+
+  const plusOrMinus =
+    currPrdyVrssSign === '3' ? '' : currPrdyVrssSign < '3' ? '+' : '-';
+
   // const { debounceValue } = useDebounce(isBookmarked, 1000);
   // const isInitialMount = useRef(true);
 
@@ -50,6 +67,9 @@ export default function Header({ code, data }: StocksDetailHeaderProps) {
   //     unbookmark(code);
   //   }
   // }, [code, debounceValue]);
+  useEffect(() => {
+    setIsBookmarked(is_bookmarked);
+  }, [is_bookmarked]);
 
   useEffect(() => {
     setCurrPrice(stck_prpr);
@@ -77,23 +97,6 @@ export default function Header({ code, data }: StocksDetailHeaderProps) {
     };
   }, [code]);
 
-  const stockInfo: { label: string; value: string }[] = [
-    { label: '시총', value: `${Number(hts_avls).toLocaleString()}억원` },
-    { label: 'PER', value: `${per}배` },
-  ];
-
-  const colorStyleBySign =
-    currPrdyVrssSign === '3'
-      ? ''
-      : currPrdyVrssSign < '3'
-        ? 'text-juga-red-60'
-        : 'text-juga-blue-40';
-
-  const percentAbsolute = Math.abs(Number(currPrdyRate)).toFixed(2);
-
-  const plusOrMinus =
-    currPrdyVrssSign === '3' ? '' : currPrdyVrssSign < '3' ? '+' : '-';
-
   return (
     <div className='flex h-16 w-full items-center justify-between px-2'>
       <div className='flex flex-col font-semibold'>

diff --git a/FE/src/service/stocks.ts b/FE/src/service/stocks.ts
@@ -30,7 +30,7 @@ export async function getStocksChartDataByCode(
 
 export async function unsubscribe(code: string) {
   return fetch(
-    `${import.meta.env.VITE_API_URL}/stocks/trade-history/${code}/unsubscribe`,
+    `${import.meta.env.VITE_API_URL}/stocks/trade-history/unsubscribe?stockCode=${code}`,
     {
       headers: { 'Content-Type': 'application/json' },
     },