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

Added phone number to vendor fields IO-414

Browse Source
This commit is contained in:
Patrick Fic
2020-12-01 22:36:31 -08:00
parent f89f385a4b
commit c6ae32b66d
17 changed files with 322 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/form-items-formatted/phone-form-item.component.jsx
View File

@@ -1,7 +1,7 @@
import React, { forwardRef } from "react";
import NumberFormat from "react-number-format";
function FormItemPhone(props, ref) {
return <NumberFormat {...props} ref={ref} type="tel" format="###-###-####" />;
return <NumberFormat {...props} className='ant-input' ref={ref} type="tel" format="###-###-####" />;
}
export default forwardRef(FormItemPhone);

4
client/src/components/vendors-form/vendors-form.component.jsx
View File

@@ -4,6 +4,7 @@ import React from "react";
import { useTranslation } from "react-i18next";
import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
import FormItemEmail from "../form-items-formatted/email-form-item.component";
import PhoneFormItem from "../form-items-formatted/phone-form-item.component";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
export default function VendorsFormComponent({
@@ -44,6 +45,9 @@ export default function VendorsFormComponent({
>
<FormItemEmail email={getFieldValue("email")} />
</Form.Item>
<Form.Item label={t("vendors.fields.phone")} name="phone">
<PhoneFormItem />
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item label={t("vendors.fields.street1")} name="street1">