feat: customer form styling.

feat: customers list.
This commit is contained in:
Ahmed Bouhuolia
2020-11-08 21:44:20 +02:00
parent 982420c8e5
commit 9241f8b8a5
17 changed files with 305 additions and 282 deletions

View File

@@ -32,13 +32,14 @@ export default function CustomerFormPrimarySection({
);
// Handle salutation field select.
const handleSalutationSelect = (salutation) => {
const handleSalutationSelect = useCallback((salutation) => {
setFieldValue('salutation', salutation.label);
};
}, [setFieldValue]);
// Handle display name field select.
const handleDisplayNameSelect = (displayName) => {
const handleDisplayNameSelect = useCallback((displayName) => {
setFieldValue('display_name', displayName.label);
};
}, [setFieldValue]);
return (
<div className={'customer-form__primary-section-content'}>
@@ -116,6 +117,7 @@ export default function CustomerFormPrimarySection({
firstName={values.first_name}
lastName={values.last_name}
company={values.company_name}
salutation={values.salutation}
onItemSelect={handleDisplayNameSelect}
popoverProps={{ minimal: true }}
/>