[Fix] 주식주문 관련 회원정보 fetching 오류 수정

- 로그인 비활성화 살태일 때는 보유 현금 등 회원관련된 정보를 fetching 하지 않고, 로그인 활성화 시 fetcing 하도록 로직 구현 Issues #17
codestates-seb · Sep 13, 2023 · d9fbc3e · d9fbc3e
1 parent ceb96e6
commit d9fbc3e
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 7 deletions.
diff --git a/client/src/hooks/useGetCash.ts b/client/src/hooks/useGetCash.ts
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { useQuery } from "react-query";
 import { useSelector } from "react-redux";
 import axios from "axios";
@@ -8,8 +9,15 @@ const url = "http://ec2-13-125-246-160.ap-northeast-2.compute.amazonaws.com:8080
 
 const useGetCash = () => {
   const isLogin = useSelector((state: StateProps) => state.login);
-  const { data, isLoading, isError } = useQuery("cash", getCashData, {
-    enabled: isLogin === 1,
+
+  useEffect(() => {
+    if (isLogin === 1) {
+      refetch();
+    }
+  }, [isLogin]);
+
+  const { data, isLoading, isError, refetch } = useQuery("cash", getCashData, {
+    enabled: false,
   });
 
   return { cashData: data, cashLoading: isLoading, cashError: isError };

diff --git a/client/src/hooks/useGetHoldingStock.ts b/client/src/hooks/useGetHoldingStock.ts
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { useQuery } from "react-query";
 import { useSelector } from "react-redux";
 import axios from "axios";
@@ -7,8 +8,15 @@ const url = "http://ec2-13-125-246-160.ap-northeast-2.compute.amazonaws.com:8080
 
 const useGetHoldingStock = () => {
   const isLogin = useSelector((state: StateProps) => state.login);
-  const { data, isLoading, isError } = useQuery("holdingStock", getHoldingStock, {
-    enabled: isLogin === 1,
+
+  useEffect(() => {
+    if (isLogin === 1) {
+      refetch();
+    }
+  }, [isLogin]);
+
+  const { data, isLoading, isError, refetch } = useQuery("holdingStock", getHoldingStock, {
+    enabled: false,
   });
   return { holdingStockData: data, holdingStockLoading: isLoading, holdingStockError: isError };
 };

diff --git a/client/src/hooks/useGetStockChart.ts b/client/src/hooks/useGetStockChart.ts
@@ -11,7 +11,6 @@ const useGetStockChart = (companyId: number) => {
   useEffect(() => {
     if (stockPrice) {
       setChartData(stockPrice);
-
       const { interval, min } = calculateYAxisOptions(stockPrice);
       setYAxisInterval(interval);
       setYAxisMinPrice(min);

diff --git a/client/src/hooks/useGetStockOrderRecord.ts b/client/src/hooks/useGetStockOrderRecord.ts
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { useQuery } from "react-query";
 import { useSelector } from "react-redux";
 import axios from "axios";
@@ -7,8 +8,14 @@ const url = "http://ec2-13-125-246-160.ap-northeast-2.compute.amazonaws.com:8080
 
 const useGetStockOrderRecord = () => {
   const isLogin = useSelector((state: StateProps) => state.login);
-  const { data, isLoading, isError } = useQuery("orderRecord", getOrderRecord, {
-    enabled: isLogin === 1,
+
+  useEffect(() => {
+    if (isLogin === 1) {
+      refetch();
+    }
+  }, [isLogin]);
+  const { data, isLoading, isError, refetch } = useQuery("orderRecord", getOrderRecord, {
+    enabled: false,
   });
 
   return { orderRecordData: data, orderRecordLoading: isLoading, orderRecordError: isError };