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

Added phone validation + new phone input box IO-414

Browse Source
This commit is contained in:
Patrick Fic
2020-12-08 10:11:41 -08:00
parent c4e0804130
commit 4ae344f33e
10 changed files with 105 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/components/shop-info/shop-info.component.jsx
View File

@@ -12,7 +12,9 @@ import {
import React from "react";
import { useTranslation } from "react-i18next";
import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
import PhoneFormItem from "../form-items-formatted/phone-form-item.component";
import PhoneFormItem, {
PhoneItemFormatterValidation,
} from "../form-items-formatted/phone-form-item.component";
import FormListMoveArrows from "../form-list-move-arrows/form-list-move-arrows.component";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
import ShopInfoIntakeChecklistComponent from "./shop-info.intake.component";
@@ -100,7 +102,14 @@ export default function ShopInfoComponent({ form, saveLoading }) {
<Form.Item label={t("bodyshop.fields.email")} name="email">
<Input />
</Form.Item>
<Form.Item label={t("bodyshop.fields.phone")} name="phone">
<Form.Item
label={t("bodyshop.fields.phone")}
name="phone"
rules={[
({ getFieldValue }) =>
PhoneItemFormatterValidation(getFieldValue, "phone"),
]}
>
<PhoneFormItem />
</Form.Item>
<Form.Item