Added phone number to vendor fields IO-414

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

@@ -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);

client/src/components/vendors-form/vendors-form.component.jsx

@@ -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">

client/src/graphql/vendors.queries.js

@@ -19,6 +19,7 @@ export const QUERY_VENDOR_BY_ID = gql`
       cost_center
       city
       street1
+      phone
     }
   }
 `;

client/src/translations/en_us/common.json

@@ -1630,6 +1630,7 @@
 				"make": "Make",
 				"name": "Vendor Name",
 				"oem": "OEM",
+				"phone": "Phone",
 				"prompt_discount": "Prompt Discount %",
 				"state": "State/Province",
 				"street1": "Street",

client/src/translations/es/common.json

@@ -1630,6 +1630,7 @@
 				"make": "",
 				"name": "Nombre del vendedor",
 				"oem": "",
+				"phone": "",
 				"prompt_discount": "Descuento pronto",
 				"state": "Provincia del estado",
 				"street1": "calle",

client/src/translations/fr/common.json

@@ -1630,6 +1630,7 @@
 				"make": "",
 				"name": "Nom du vendeur",
 				"oem": "",
+				"phone": "",
 				"prompt_discount": "Remise rapide%",
 				"state": "Etat / Province",
 				"street1": "rue",