Add field groups to Size (storeys expanded)

This commit is contained in:
Maciej Ziarkowski 2019-10-09 14:12:19 +01:00
parent 38d84ff5ce
commit 4cd21088ce

View File

@ -3,12 +3,15 @@ import React, { Fragment } from 'react';
import withCopyEdit from '../data-container'; import withCopyEdit from '../data-container';
import NumericDataEntry from '../data-components/numeric-data-entry'; import NumericDataEntry from '../data-components/numeric-data-entry';
import SelectDataEntry from '../data-components/select-data-entry'; import SelectDataEntry from '../data-components/select-data-entry';
import { DataEntryGroup } from '../data-components/data-entry-group';
/** /**
* Size view/edit section * Size view/edit section
*/ */
const SizeView = (props) => ( const SizeView = (props) => (
<Fragment> <Fragment>
<DataEntryGroup name="Storeys" collapsed={false}>
<NumericDataEntry <NumericDataEntry
title="Core storeys" title="Core storeys"
slug="size_storeys_core" slug="size_storeys_core"
@ -39,6 +42,8 @@ const SizeView = (props) => (
onChange={props.onChange} onChange={props.onChange}
step={1} step={1}
/> />
</DataEntryGroup>
<DataEntryGroup name="Height">
<NumericDataEntry <NumericDataEntry
title="Height to apex (m)" title="Height to apex (m)"
slug="size_height_apex" slug="size_height_apex"
@ -58,6 +63,8 @@ const SizeView = (props) => (
onChange={props.onChange} onChange={props.onChange}
step={0.1} step={0.1}
/> />
</DataEntryGroup>
<DataEntryGroup name="Floor area">
<NumericDataEntry <NumericDataEntry
title="Ground floor area (m²)" title="Ground floor area (m²)"
slug="size_floor_area_ground" slug="size_floor_area_ground"
@ -76,6 +83,7 @@ const SizeView = (props) => (
onChange={props.onChange} onChange={props.onChange}
step={0.1} step={0.1}
/> />
</DataEntryGroup>
<NumericDataEntry <NumericDataEntry
title="Frontage Width (m)" title="Frontage Width (m)"
slug="size_width_frontage" slug="size_width_frontage"