Fix form error

This commit is contained in:
dominik-zeglen 2020-04-29 16:53:52 +02:00
parent fdf76fa967
commit 6fb5c3d4e5
2 changed files with 452 additions and 93 deletions

View file

@ -72,6 +72,7 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
"city",
"postalCode",
"country",
"countryArea",
"companyArea",
"phone"
];

View file

@ -2660,7 +2660,6 @@ exports[`Storyshots Generics / Link with choices default 1`] = `
class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
>
Åland Islands
</a>
<svg
aria-hidden="true"
class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
@ -2676,6 +2675,7 @@ exports[`Storyshots Generics / Link with choices default 1`] = `
/>
</g>
</svg>
</a>
</span>
</form>
</div>
@ -34752,7 +34752,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
<div
class="MuiTypography-root-id MuiTypography-body1-id"
>
Product Settings
Shipping Settings
</div>
</div>
<div
@ -35268,7 +35268,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
<div
class="MuiTypography-root-id MuiTypography-body1-id"
>
Product Settings
Shipping Settings
</div>
</div>
<div
@ -64366,7 +64366,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
class="MuiTableRow-root-id MuiTableRow-head-id"
>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
scope="col"
>
Product name
@ -64416,7 +64416,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
@ -64637,7 +64637,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
@ -64819,7 +64819,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
@ -65050,7 +65050,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
class="MuiTableRow-root-id MuiTableRow-head-id"
>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
scope="col"
>
Product name
@ -65100,7 +65100,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
@ -65321,7 +65321,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
@ -65503,7 +65503,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
@ -65734,7 +65734,7 @@ exports[`Storyshots Views / Orders / Fulfill order loading 1`] = `
class="MuiTableRow-root-id MuiTableRow-head-id"
>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
scope="col"
>
Product name
@ -65760,7 +65760,7 @@ exports[`Storyshots Views / Orders / Fulfill order loading 1`] = `
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
@ -65845,6 +65845,354 @@ exports[`Storyshots Views / Orders / Fulfill order loading 1`] = `
</div>
`;
exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
<div
style="padding:24px"
>
<div
class="Container-root-id"
>
<div
class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
>
<div
class="MuiTypography-root-id PageHeader-title-id MuiTypography-h5-id"
>
Order no. 9123 - Add Fulfillment
</div>
<div
class="ExtendedPageHeader-action-id"
>
<div
class="PageHeader-root-id"
/>
</div>
</div>
<form>
<div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
>
<div
class="CardTitle-root-id"
>
<span
class="MuiTypography-root-id CardTitle-title-id MuiTypography-h5-id"
>
Items ready to ship
</span>
<div
class="CardTitle-toolbar-id"
/>
</div>
<div
class="CardTitle-children-id"
/>
<hr
class="CardTitle-hr-id"
/>
<div
class="ResponsiveTable-root-id"
>
<table
class="MuiTable-root-id OrderFulfillPage-table-id"
>
<thead
class="MuiTableHead-root-id"
>
<tr
class="MuiTableRow-root-id MuiTableRow-head-id"
>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
scope="col"
>
Product name
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colSku-id"
scope="col"
>
SKU
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colQuantity-id OrderFulfillPage-colQuantityHeader-id"
scope="col"
>
C our wares
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colQuantityTotal-id"
scope="col"
>
Quantity to fulfill
</th>
</tr>
</thead>
<tbody
class="MuiTableBody-root-id"
>
<tr
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
>
<div
class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id"
>
<img
class="MuiAvatar-img-id"
src="[object Object]"
/>
</div>
<div
class="TableCellAvatar-children-id"
>
T-Shirt
<div
class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
>
S
</div>
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colSku-id"
>
62783187
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="OrderFulfillPage-colQuantityContent-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id"
max="1217"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0"
>
<span>
</span>
</legend>
</fieldset>
</div>
</div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1207
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
>
<span
class=""
>
0
</span>
/ 2
</td>
</tr>
<tr
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
>
<div
class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id"
>
<img
class="MuiAvatar-img-id"
src="[object Object]"
/>
</div>
<div
class="TableCellAvatar-children-id"
>
Lemon Juice
<div
class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
>
2.5l
</div>
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colSku-id"
>
998323583
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id"
>
No Stock
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
>
<span
class=""
>
0
</span>
/ 4
</td>
</tr>
<tr
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
>
<div
class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id"
>
<img
class="MuiAvatar-img-id"
src="[object Object]"
/>
</div>
<div
class="TableCellAvatar-children-id"
>
Orange Juice
<div
class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
>
5l
</div>
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colSku-id"
>
998323584
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="OrderFulfillPage-colQuantityContent-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id"
max="587"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0"
>
<span>
</span>
</legend>
</fieldset>
</div>
</div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
>
<span
class=""
>
0
</span>
/ 1
</td>
</tr>
</tbody>
</table>
</div>
<div
class="MuiCardActions-root-id OrderFulfillPage-actionBar-id MuiCardActions-spacing-id"
>
<label
class="MuiFormControlLabel-root-id"
>
<button
class="MuiButtonBase-root-id Checkbox-root-id"
tabindex="0"
type="button"
>
<input
class="Checkbox-box-id Checkbox-checked-id"
name="sendInfo"
type="checkbox"
value="true"
/>
</button>
<span
class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
>
Send shipment details to customer
</span>
</label>
</div>
</div>
</form>
</div>
</div>
`;
exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
<div
style="padding:24px"
@ -111031,7 +111379,6 @@ Ctrl + K"
class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
>
All Warehouses
</a>
<svg
aria-hidden="true"
class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
@ -111047,6 +111394,7 @@ Ctrl + K"
/>
</g>
</svg>
</a>
</span>
</div>
<div
@ -112592,7 +112940,6 @@ Ctrl + K"
class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
>
All Warehouses
</a>
<svg
aria-hidden="true"
class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
@ -112608,6 +112955,7 @@ Ctrl + K"
/>
</g>
</svg>
</a>
</span>
</div>
<div
@ -118029,7 +118377,6 @@ Ctrl + K"
class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
>
All Warehouses
</a>
<svg
aria-hidden="true"
class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
@ -118045,6 +118392,7 @@ Ctrl + K"
/>
</g>
</svg>
</a>
</span>
</div>
<div
@ -120909,7 +121257,6 @@ Ctrl + K"
class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
>
All Warehouses
</a>
<svg
aria-hidden="true"
class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
@ -120925,6 +121272,7 @@ Ctrl + K"
/>
</g>
</svg>
</a>
</span>
</div>
<div
@ -150279,16 +150627,16 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
>
<label
class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id MuiFormLabel-error-id MuiInputLabel-error-id"
data-shrink="false"
>
Country area
</label>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
aria-invalid="true"
class="MuiInputBase-input-id MuiOutlinedInput-input-id"
name="countryArea"
type="text"
@ -150309,6 +150657,11 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
</legend>
</fieldset>
</div>
<p
class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-error-id"
>
Invalid value
</p>
</div>
</div>
<div
@ -151769,16 +152122,16 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
>
<label
class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id MuiFormLabel-error-id MuiInputLabel-error-id"
data-shrink="false"
>
Country area
</label>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
aria-invalid="true"
class="MuiInputBase-input-id MuiOutlinedInput-input-id"
name="countryArea"
type="text"
@ -151799,6 +152152,11 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
</legend>
</fieldset>
</div>
<p
class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-error-id"
>
Invalid value
</p>
</div>
</div>
<div