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

feat: rewrite component use effect

Browse Source
This commit is contained in:
caturbgs
2021-12-20 13:32:08 +07:00
parent 2e0eb03d3a
commit f89a1620db
6 changed files with 48 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/Product/Category.js
View File

@@ -1,14 +1,14 @@
import React, { useEffect, useState } from "react";
import { Button, Card, Col, Input, Row, Tabs } from "antd";
import { FilterOutlined, PlusSquareOutlined } from "@ant-design/icons";
import { BreadcumbComponent } from "../../component/BreadcumbComponent";
import { useStore } from "../../utils/useStore";
import { observer } from "mobx-react-lite";
import { LINKS } from "../../routes/app";
import { CategoryComponent } from "../../component/CategoryComponent";
import React, {useEffect, useState} from "react";
import {Button, Card, Col, Input, Row, Tabs} from "antd";
import {FilterOutlined, PlusSquareOutlined} from "@ant-design/icons";
import {BreadcumbComponent} from "../../component/BreadcumbComponent";
import {useStore} from "../../utils/useStore";
import {observer} from "mobx-react-lite";
import {LINKS} from "../../routes/app";
import {CategoryComponent} from "../../component/CategoryComponent";
const { TabPane } = Tabs;
const { Search } = Input;
const {TabPane} = Tabs;
const {Search} = Input;
export const Category = observer(() => {
const [isLoading, setIsLoading] = useState(false);
@@ -18,7 +18,6 @@ export const Category = observer(() => {
const init = async () => {
try {
setIsLoading(true);
//await store.product.getDataCategories();
await store.category.getData();
setIsLoading(false);
} catch (e) {
@@ -29,11 +28,6 @@ export const Category = observer(() => {
init();
}, []);
const handleChangeTabPane = async (key) => {
store.product.filterCategory = key;
console.log(key);
};
const routeData = [
{
route: LINKS.HOME,

21
src/pages/Product/Subcategory.js
View File

@@ -1,13 +1,13 @@
import React, { useEffect, useState } from "react";
import { Button, Card, Col, Input, Row, Tabs } from "antd";
import { FilterOutlined, PlusSquareOutlined } from "@ant-design/icons";
import { BreadcumbComponent } from "../../component/BreadcumbComponent";
import { useStore } from "../../utils/useStore";
import { observer } from "mobx-react-lite";
import { LINKS } from "../../routes/app";
import { SubcategoryComponent } from "../../component/Subcategory";
import React, {useEffect, useState} from "react";
import {Button, Card, Col, Input, Row} from "antd";
import {PlusSquareOutlined} from "@ant-design/icons";
import {BreadcumbComponent} from "../../component/BreadcumbComponent";
import {useStore} from "../../utils/useStore";
import {observer} from "mobx-react-lite";
import {LINKS} from "../../routes/app";
import {SubcategoryComponent} from "../../component/Subcategory";
const { Search } = Input;
const {Search} = Input;
export const Subcategory = observer(() => {
const [isLoading, setIsLoading] = useState(false);
@@ -17,7 +17,7 @@ export const Subcategory = observer(() => {
const init = async () => {
try {
setIsLoading(true);
// await getData();
getData();
setIsLoading(false);
} catch (e) {
setIsLoading(false);
@@ -31,6 +31,7 @@ export const Subcategory = observer(() => {
await store.category.getData();
await store.subcategory.getData();
};
const routeData = [
{
route: LINKS.HOME,