PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: init modal loader components

Browse Source
This commit is contained in:
caturbgs 2021-12-20 13:56:08 +07:00
parent 61ec562ca4
commit 1bf45213de
1 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/Product/Product.js
View File

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