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

feat: misc change

Browse Source
This commit is contained in:
caturbgs 2021-12-10 11:06:41 +07:00
parent ab347b8ff9
commit 4d1cd215a1
2 changed files with 8 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/pages/Product/PulsaModal.js
View File

@ -3,12 +3,10 @@ import {Form, Input, Modal, Select} from "antd";
import {useStore} from "../../utils/useStore"; import {useStore} from "../../utils/useStore";
import {observer} from "mobx-react-lite"; import {observer} from "mobx-react-lite";
export const PulsaModal = observer(({visible, onCreate, onCancel, initialData}) => { export const PulsaModal = observer(({visible, onCreate, onCancel, initialData, confirmLoading}) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const {Option} = Select; const {Option} = Select;
const store = useStore(); const store = useStore();
const [visibleModal, setVisibleModal] = useState(false);
const [confirmLoading, setConfirmLoading] = useState(false);
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
useEffect(() => { useEffect(() => {
@ -25,26 +23,6 @@ export const PulsaModal = observer(({visible, onCreate, onCancel, initialData})
init(); init();
}, []); }, []);
const subCategoriesOption = [
<Option key={123} value={123}>
{123}
</Option>,
<Option key={431} value={123}>
{123}
</Option>
];
const subCategoriesOption2 = store.product.dataSubCategories.slice().map(subCategory => {
return (
<Option key={subCategory.id} value={subCategory.id}>
{subCategory.name}
</Option>
)
});
console.log(store.product.dataSubCategories, 'subCategoriesOption2');
return ( return (
<Modal <Modal
visible={visible} visible={visible}
@ -63,7 +41,7 @@ export const PulsaModal = observer(({visible, onCreate, onCancel, initialData})
form.resetFields(); form.resetFields();
}) })
.catch((info) => { .catch((info) => {
console.log("Validate Failed:", info); console.error("Validate Failed:", info);
}); });
}} }}
> >
@ -117,18 +95,13 @@ export const PulsaModal = observer(({visible, onCreate, onCancel, initialData})
rules={[{required: true, message: "Please select sub categories!"}]} rules={[{required: true, message: "Please select sub categories!"}]}
> >
<Select placeholder="Select Sub Category" allowClear> <Select placeholder="Select Sub Category" allowClear>
{subCategoriesOption2} {store.product.dataSubCategories.map((item) => (
<Option value={item.id} key={item.id}>
{item.name}
</Option>
))}
</Select> </Select>
</Form.Item> </Form.Item>
{/*<Form.Item*/}
{/* name="subCategories"*/}
{/* label="Sub Categories"*/}
{/* rules={[{required: true, message: "Please select Sub Category!"}]}*/}
{/*>*/}
{/* <Select placeholder="Select Sub Category" allowClear>*/}
{/* {subCategoriesOption2}*/}
{/* </Select>*/}
{/*</Form.Item>*/}
</Form> </Form>
</Modal> </Modal>
); );

2
src/store/product.js
View File

@ -33,7 +33,7 @@ export class Product {
} }
async getDataSubCategories() { async getDataSubCategories() {
const response = await http.get(`/product/sub-categories?pageSize=${this.pageSizeSubCategories}`); const response = await http.get(`/product/sub-categories?page=${this.pageSubCategories}&pageSize=${this.pageSizeSubCategories}`);
this.dataSubCategories = response.body.data ?? [] this.dataSubCategories = response.body.data ?? []
this.total_dataSubCategories = response.body.count ?? 0 this.total_dataSubCategories = response.body.count ?? 0
} }