Added filtering for jobs with no close date on search. RPS-58
This commit is contained in:
@@ -1,8 +1,9 @@
|
||||
import { SearchOutlined } from "@ant-design/icons";
|
||||
import { Button, DatePicker, Form, Input } from "antd";
|
||||
import { Button, Checkbox, DatePicker, Form, Input } from "antd";
|
||||
import React from "react";
|
||||
import ipcTypes from "../../../ipc.types";
|
||||
const { ipcRenderer } = window;
|
||||
|
||||
export default function JobsSearchFieldsMolecule({ callSearchQuery }) {
|
||||
const [form] = Form.useForm();
|
||||
|
||||
@@ -17,6 +18,9 @@ export default function JobsSearchFieldsMolecule({ callSearchQuery }) {
|
||||
search: values.search || "",
|
||||
startDate: (values.dateRange && values.dateRange[0]) || null,
|
||||
endDate: (values.dateRange && values.dateRange[1]) || null,
|
||||
...(values.closeDateIsNull
|
||||
? { closeDateIsNull: values.closeDateIsNull }
|
||||
: {}),
|
||||
},
|
||||
});
|
||||
};
|
||||
@@ -35,10 +39,29 @@ export default function JobsSearchFieldsMolecule({ callSearchQuery }) {
|
||||
<Form.Item name="dateRange" rules={[{ type: "array" }]}>
|
||||
<DatePicker.RangePicker />
|
||||
</Form.Item>
|
||||
<Button type="primary" htmlType="submit" onClick={() => form.submit()}>
|
||||
<SearchOutlined />
|
||||
Search
|
||||
</Button>
|
||||
<Form.Item name="closeDateIsNull" valuePropName="checked">
|
||||
<Checkbox>Only Jobs with No Close Date</Checkbox>
|
||||
</Form.Item>
|
||||
<Form.Item shouldUpdate>
|
||||
{() => {
|
||||
const disabled =
|
||||
!!!form.getFieldValue("search") &&
|
||||
!!!form.getFieldValue("dateRange") &&
|
||||
!form.getFieldValue("closeDateIsNull");
|
||||
|
||||
return (
|
||||
<Button
|
||||
type="primary"
|
||||
disabled={disabled}
|
||||
htmlType="submit"
|
||||
onClick={() => form.submit()}
|
||||
>
|
||||
<SearchOutlined />
|
||||
Search
|
||||
</Button>
|
||||
);
|
||||
}}
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user