From 1bf45213ded89afd4a668603c808e66adc9f97ba Mon Sep 17 00:00:00 2001
From: caturbgs <savemeplease11>
Date: Mon, 20 Dec 2021 13:56:08 +0700
Subject: [PATCH] feat: init modal loader components

---
 src/pages/Product/Product.js | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/pages/Product/Product.js b/src/pages/Product/Product.js
index 31461ce..1c5dc03 100644
--- a/src/pages/Product/Product.js
+++ b/src/pages/Product/Product.js
@@ -1,5 +1,5 @@
-import React, {useContext, useEffect, useState} from "react";
-import {Button, Card, Col, Input, Row, Select, Tabs, Upload} from "antd";
+import React, {useContext, useEffect} from "react";
+import {Button, Card, Col, Input, Row, Upload} from "antd";
 import {FilterOutlined, PlusSquareOutlined, UploadOutlined,} from "@ant-design/icons";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {useStore} from "../../utils/useStore";
@@ -8,19 +8,15 @@ import {ProductComponent} from "../../component/ProductComponent";
 import {LINKS} from "../../routes/app";
 import {ModalLoaderContext} from "../../utils/modal";
 
-const {TabPane} = Tabs;
 const {Search} = Input;
-const {Option} = Select;
 
 export const Product = observer(() => {
-  const [isLoading, setIsLoading] = useState(false);
   const store = useStore();
   const modalLoader = useContext(ModalLoaderContext);
 
   useEffect(() => {
     const init = async () => {
       try {
-        setIsLoading(true);
         modalLoader.setLoading(true);
         await Promise.allSettled([
           store.supplier.getData(),
@@ -28,10 +24,9 @@ export const Product = observer(() => {
           store.category.getData(),
         ]);
         await store.product.getData();
-        setIsLoading(false);
         modalLoader.setLoading(false);
       } catch (e) {
-        setIsLoading(false);
+        modalLoader.setLoading(false);
       }
     };