feat: done.

src/pages/Home/components/HomeContent.tsx

@@ -11,7 +11,11 @@ import apis from "@/apis";
 import type {ProductCode, QueryBranchListResponseData} from "@/apis/common";
 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([
         {
             bannerImg: homeProductBanner1Img,
@@ -36,7 +40,9 @@ const HomeContent: React.FC = () => {
     const [activeProductIdx, setActiveProductIdx] = useState(-1);
     const [toasted, setToasted] = useState(false);
 
-    function handleClickProduct(idx: number) {
+    async function handleClickProduct(idx: number) {
+        await props.queryUserOrders()
+
         if (toasted) {
             setActiveProductIdx(idx);
             setShowBranchListPopup(true);

src/pages/Home/index.tsx

@@ -10,11 +10,7 @@ const Home: React.FC = () => {
     const [params] = useSearchParams();
     const navigate = useNavigate();
     const [isAuthed, setIsAuthed] = useState(false);
-
-    useEffect(() => {
-        const authenticateAndFetchOrders = async () => {
-            try {
-                const authResult = await AuthUtil.auth(params);
+    const queryUserOrders = async () => {
         const [res1, res2] = await Promise.all([
             await apis.common.queryUserOrder({productCode: '4'}),
             await apis.common.queryUserOrder({productCode: '5'})
@@ -30,11 +26,18 @@ const Home: React.FC = () => {
                 navigate(`/lottery`,{replace: true})
             }
         }
+    }
+
+    const authenticateAndFetchOrders = async () => {
+        try {
+            const authResult = await AuthUtil.auth(params);
+            await queryUserOrders()
             setIsAuthed(authResult);
         } catch (error) {
         }
     };
 
+    useEffect(() => {
         setTimeout(authenticateAndFetchOrders, 400);
     }, []);
 
@@ -43,7 +46,7 @@ const Home: React.FC = () => {
             {isAuthed && (
                 <>
                     <HomeBg/>
-                    <HomeContent/>
+                    <HomeContent queryUserOrders={queryUserOrders}/>
                 </>
             )}
         </div>