admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust report center to use radio groups.

Browse Source
This commit is contained in:
Patrick Fic
2021-05-10 11:02:52 -07:00
parent 19a781c5ee
commit fbd41812dd
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/report-center-modal/report-center-modal.component.jsx
View File

@@ -1,5 +1,5 @@
import { useLazyQuery } from "@apollo/client"; import { useLazyQuery } from "@apollo/client";
import { Button, DatePicker, Form, Radio, Select } from "antd"; import { Button, DatePicker, Form, Radio } from "antd";
import moment from "moment"; import moment from "moment";
import React, { useState } from "react"; import React, { useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@@ -96,11 +96,13 @@ export function ReportCenterModalComponent({ reportCenterModal }) {
}, },
]} ]}
> >
<Select> <Radio.Group style={{ columns: "3 auto" }}>
{Object.keys(Templates).map((key) => ( {Object.keys(Templates).map((key) => (
<Select.Option key={key}>{Templates[key].title}</Select.Option> <Radio key={key} value={key}>
{Templates[key].title}
</Radio>
))} ))}
</Select> </Radio.Group>
</Form.Item> </Form.Item>
<Form.Item dependencies={["key"]}> <Form.Item dependencies={["key"]}>
{() => { {() => {

1
client/src/components/report-center-modal/report-center-modal.container.jsx
View File

@@ -31,6 +31,7 @@ export function ReportCenterModalContainer({
onCancel={() => toggleModalVisible()} onCancel={() => toggleModalVisible()}
cancelButtonProps={{ style: { display: "none" } }} cancelButtonProps={{ style: { display: "none" } }}
destroyOnClose destroyOnClose
width="60%"
> >
<ReportCenterModalComponent /> <ReportCenterModalComponent />
</Modal> </Modal>