STILL BROKEN: Refactored some forms to have bare functionality. Appears that v4 antd has extensive issues.

This commit is contained in:
Patrick Fic
2020-02-28 15:55:31 -08:00
parent 93be1417be
commit 6e0d9da257
24 changed files with 986 additions and 1198 deletions

View File

@@ -1,24 +1,17 @@
import { Form, Input, Switch } from "antd";
import React, { useContext } from "react";
import React from "react";
import { useTranslation } from "react-i18next";
import JobDetailFormContext from "../../pages/jobs-detail/jobs-detail.page.context";
export default function JobsDetailClaims({ job }) {
const form = useContext(JobDetailFormContext);
const { getFieldDecorator } = form;
const { t } = useTranslation();
return (
<div>
<Form.Item label={t("jobs.fields.csr")}>
{getFieldDecorator("csr", {
initialValue: job.csr
})(<Input name='csr' />)}
<Form.Item label={t("jobs.fields.csr")} name="csr">
<Input />
</Form.Item>
<Form.Item label={t("jobs.fields.loss_desc")}>
{getFieldDecorator("loss_desc", {
initialValue: job.loss_desc
})(<Input name='loss_desc' />)}
<Form.Item label={t("jobs.fields.loss_desc")} name="loss_desc">
<Input />
</Form.Item>
TODO How to handle different taxes and marking them as exempt?
{
@@ -28,36 +21,27 @@ export default function JobsDetailClaims({ job }) {
// })(<Input name='exempt' />)}
// </Form.Item>
}
<Form.Item label={t("jobs.fields.ponumber")}>
{getFieldDecorator("po_number", {
initialValue: job.po_number
})(<Input name='po_number' />)}
<Form.Item label={t("jobs.fields.ponumber")} name="po_number">
<Input />
</Form.Item>
<Form.Item label={t("jobs.fields.unitnumber")}>
{getFieldDecorator("unit_number", {
initialValue: job.unit_number
})(<Input name='unit_number' />)}
<Form.Item label={t("jobs.fields.unitnumber")} name="unit_number">
<Input />
</Form.Item>
<Form.Item label={t("jobs.fields.specialcoveragepolicy")}>
{getFieldDecorator("special_coverage_policy", {
initialValue: job.special_coverage_policy,
valuePropName: "checked"
})(<Switch name='special_coverage_policy' />)}
<Form.Item
label={t("jobs.fields.specialcoveragepolicy")}
valuePropName="checked"
name="special_coverage_policy"
>
<Switch />
</Form.Item>
<Form.Item label={t("jobs.fields.kmin")}>
{getFieldDecorator("kmin", {
initialValue: job.kmin
})(<Input name='kmin' />)}
<Form.Item label={t("jobs.fields.kmin")} name="kmin">
<Input />
</Form.Item>
<Form.Item label={t("jobs.fields.kmout")}>
{getFieldDecorator("kmout", {
initialValue: job.kmout
})(<Input name='kmout' />)}
<Form.Item label={t("jobs.fields.kmout")} name="kmout">
<Input />
</Form.Item>
<Form.Item label={t("jobs.fields.referralsource")}>
{getFieldDecorator("referral_source", {
initialValue: job.referral_source
})(<Input name='referral_source' />)}
<Form.Item label={t("jobs.fields.referralsource")} name="referral_source">
<Input />
</Form.Item>
</div>
);