39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import React, { Fragment } from 'react';
|
|
|
|
import withCopyEdit from '../data-container';
|
|
|
|
import { CategoryViewProps } from './category-view-props';
|
|
|
|
/**
|
|
* Use view/edit section
|
|
*/
|
|
const UseView: React.FunctionComponent<CategoryViewProps> = (props) => (
|
|
<Fragment>
|
|
<p className="data-intro">{props.intro}</p>
|
|
<ul>
|
|
<li>Single or multiple use?</li>
|
|
{
|
|
// "disabled": true,
|
|
// "slug": "use_multi",
|
|
// "type": "checkbox"
|
|
}
|
|
<li>Type of use/s</li>
|
|
{
|
|
// "disabled": true,
|
|
// "slug": "use_type",
|
|
// "type": "text_multi"
|
|
}
|
|
<li>Number of self-contained units</li>
|
|
{
|
|
// "disabled": true,
|
|
// "slug": "use_number_scu",
|
|
// "type": "number",
|
|
// "step": 1
|
|
}
|
|
</ul>
|
|
</Fragment>
|
|
);
|
|
const UseContainer = withCopyEdit(UseView);
|
|
|
|
export default UseContainer;
|