52 lines
1.8 KiB
TypeScript
52 lines
1.8 KiB
TypeScript
import React, { Fragment } from 'react';
|
|
|
|
import InfoBox from '../../components/info-box';
|
|
import { dataFields } from '../../data_fields';
|
|
import DataEntry from '../data-components/data-entry';
|
|
import MultiDataEntry from '../data-components/multi-data-entry';
|
|
import withCopyEdit from '../data-container';
|
|
|
|
import { CategoryViewProps } from './category-view-props';
|
|
|
|
/**
|
|
* Use view/edit section
|
|
*/
|
|
const UseView: React.FunctionComponent<CategoryViewProps> = (props) => (
|
|
<Fragment>
|
|
<MultiDataEntry
|
|
title={dataFields.current_landuse_class.title}
|
|
slug="current_landuse_class"
|
|
value={props.building.current_landuse_class}
|
|
mode={props.mode}
|
|
copy={props.copy}
|
|
onChange={props.onChange}
|
|
// tooltip={dataFields.current_landuse_class.tooltip}
|
|
placeholder="New land use class..."
|
|
autofill={true}
|
|
/>
|
|
<MultiDataEntry
|
|
title={dataFields.current_landuse_group.title}
|
|
slug="current_landuse_group"
|
|
value={props.building.current_landuse_group}
|
|
mode={props.mode}
|
|
disabled={(props.building.current_landuse_class || []).length !== 0}
|
|
copy={props.copy}
|
|
onChange={props.onChange}
|
|
// tooltip={dataFields.current_landuse_class.tooltip}
|
|
placeholder="New land use group..."
|
|
/>
|
|
<DataEntry
|
|
title={dataFields.current_landuse_order.title}
|
|
slug="current_landuse_order"
|
|
value={props.building.current_landuse_order}
|
|
mode={props.mode}
|
|
disabled={true}
|
|
copy={props.copy}
|
|
onChange={props.onChange}
|
|
/>
|
|
</Fragment>
|
|
);
|
|
const UseContainer = withCopyEdit(UseView);
|
|
|
|
export default UseContainer;
|