maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: fields having duplicate or undefined ids

Browse source
This commit is contained in:
Vesa Luusua 2019-08-27 14:14:33 +03:00
parent 9eb4e7a125
commit dc61925e77
4 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/BookingPanel/BookingPanel.js
View file

@ -118,6 +118,7 @@ const BookingPanel = props => {
{showBookingDatesForm ? (
<BookingDatesForm
className={css.bookingForm}
formId="BookingPanel"
submitButtonWrapperClassName={css.bookingDatesSubmitButtonWrapper}
unitType={unitType}
onSubmit={onSubmit}

4
src/components/FieldDateRangeInput/FieldDateRangeInput.example.js
View file

@ -103,7 +103,7 @@ export const WithAvailableTimeSlotsNighlyBooking = {
startDateId: 'WithAvailableTimeSlotsDateRangeNightly.bookingStartDate',
startDateLabel: 'Start date',
startDatePlaceholderText: moment().format('ddd, MMMM D'),
endDateId: 'WithAvailableTimeSlotsDateRangeInputForm.bookingEndDate',
endDateId: 'WithAvailableTimeSlotsDateRangeNightly.bookingEndDate',
endDateLabel: 'End date',
endDatePlaceholderText: moment()
.add(1, 'days')
@ -139,7 +139,7 @@ export const WithAvailableTimeSlotsDailyBooking = {
startDateId: 'WithAvailableTimeSlotsDateRangeDaily.bookingStartDate',
startDateLabel: 'Start date',
startDatePlaceholderText: moment().format('ddd, MMMM D'),
endDateId: 'WithAvailableTimeSlotsDateRangeInputForm.bookingEndDate',
endDateId: 'WithAvailableTimeSlotsDateRangeDaily.bookingEndDate',
endDateLabel: 'End date',
endDatePlaceholderText: moment()
.add(1, 'days')

8
src/forms/FilterForm/FilterForm.example.js
View file

@ -2,9 +2,9 @@ import React from 'react';
import FilterForm from './FilterForm';
import { FieldTextInput } from '../../components';
const field = (
const field = formId => (
<FieldTextInput
id="field"
id={`${formId}.field`}
name="field"
type="textarea"
label="Field label"
@ -29,7 +29,7 @@ export const FilterFormExample = {
console.log('onClear called');
},
label: 'Example label',
children: field,
children: field('FilterFormExample'),
},
group: 'forms',
};
@ -45,7 +45,7 @@ export const FilterFormExampleLiveEdit = {
console.log(values);
},
label: 'Example label',
children: field,
children: field('FilterFormExampleLiveEdit'),
},
group: 'forms',
};

3
src/forms/SendMessageForm/SendMessageForm.example.js
View file

@ -3,6 +3,7 @@ import SendMessageForm from './SendMessageForm';
export const Empty = {
component: SendMessageForm,
props: {
formId: 'SendMessageForm.Empty.Form',
messagePlaceholder: 'Send message to Juho…',
onChange: values => {
console.log('values changed to:', values);
@ -23,6 +24,7 @@ export const Empty = {
export const InProgress = {
component: SendMessageForm,
props: {
formId: 'SendMessageForm.InProgress.Form',
messagePlaceholder: 'Send message to Juho…',
inProgress: true,
onSubmit: values => {
@ -35,6 +37,7 @@ export const InProgress = {
export const Error = {
component: SendMessageForm,
props: {
formId: 'SendMessageForm.Error.Form',
messagePlaceholder: 'Send message to Juho…',
sendMessageError: { type: 'error', name: 'ExampleError' },
onSubmit: values => {