feat: done.

src/pages/Home/components/HomeContent.tsx

@@ -11,7 +11,11 @@ import apis from "@/apis";
 import type {ProductCode, QueryBranchListResponseData} from "@/apis/common";
 import type {ProductCode, QueryBranchListResponseData} from "@/apis/common";
 import OrderHelper from "@/pages/Home/helper/order";
 import OrderHelper from "@/pages/Home/helper/order";
 
 
-const HomeContent: React.FC = () => {
+interface HomeContentProps {
+    queryUserOrders: () =>  Promise<void>;
+}
+
+const HomeContent: React.FC<HomeContentProps> = (props) => {
     const [productList] = useState([
     const [productList] = useState([
         {
         {
             bannerImg: homeProductBanner1Img,
             bannerImg: homeProductBanner1Img,
@@ -36,7 +40,9 @@ const HomeContent: React.FC = () => {
     const [activeProductIdx, setActiveProductIdx] = useState(-1);
     const [activeProductIdx, setActiveProductIdx] = useState(-1);
     const [toasted, setToasted] = useState(false);
     const [toasted, setToasted] = useState(false);
 
 
-    function handleClickProduct(idx: number) {
+    async function handleClickProduct(idx: number) {
+        await props.queryUserOrders()
+
         if (toasted) {
         if (toasted) {
             setActiveProductIdx(idx);
             setActiveProductIdx(idx);
             setShowBranchListPopup(true);
             setShowBranchListPopup(true);

src/pages/Home/index.tsx

@@ -10,31 +10,34 @@ const Home: React.FC = () => {
     const [params] = useSearchParams();
     const [params] = useSearchParams();
     const navigate = useNavigate();
     const navigate = useNavigate();
     const [isAuthed, setIsAuthed] = useState(false);
     const [isAuthed, setIsAuthed] = useState(false);
+    const queryUserOrders = async () => {
+        const [res1, res2] = await Promise.all([
+            await apis.common.queryUserOrder({productCode: '4'}),
+            await apis.common.queryUserOrder({productCode: '5'})
+        ])
+        if(res1.ok && res2.ok) {
+            // 买了普通产品
+            if(res1.data.orderId) {
+                navigate(`/orderDetail?orderId=${res1.data.orderId}`,{replace: true})
+            }
 
 
-    useEffect(() => {
-        const authenticateAndFetchOrders = async () => {
-            try {
-                const authResult = await AuthUtil.auth(params);
-                const [res1, res2] = await Promise.all([
-                    await apis.common.queryUserOrder({productCode: '4'}),
-                    await apis.common.queryUserOrder({productCode: '5'})
-                ])
-                if(res1.ok && res2.ok) {
-                    // 买了普通产品
-                    if(res1.data.orderId) {
-                        navigate(`/orderDetail?orderId=${res1.data.orderId}`,{replace: true})
-                    }
-
-                    // 买了抽奖，但是没抽 或者 抽过了
-                    if(res2.data.orderId || res2.data.lotteryOrderId) {
-                        navigate(`/lottery`,{replace: true})
-                    }
-                }
-                setIsAuthed(authResult);
-            } catch (error) {
+            // 买了抽奖，但是没抽 或者 抽过了
+            if(res2.data.orderId || res2.data.lotteryOrderId) {
+                navigate(`/lottery`,{replace: true})
             }
             }
-        };
+        }
+    }
 
 
+    const authenticateAndFetchOrders = async () => {
+        try {
+            const authResult = await AuthUtil.auth(params);
+            await queryUserOrders()
+            setIsAuthed(authResult);
+        } catch (error) {
+        }
+    };
+
+    useEffect(() => {
         setTimeout(authenticateAndFetchOrders, 400);
         setTimeout(authenticateAndFetchOrders, 400);
     }, []);
     }, []);
 
 
@@ -43,7 +46,7 @@ const Home: React.FC = () => {
             {isAuthed && (
             {isAuthed && (
                 <>
                 <>
                     <HomeBg/>
                     <HomeBg/>
-                    <HomeContent/>
+                    <HomeContent queryUserOrders={queryUserOrders}/>
                 </>
                 </>
             )}
             )}
         </div>
         </div>