33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
|
import React from 'react';
|
||
|
|
import { Building } from '../../models/building';
|
||
|
|
import { NavLink } from 'react-router-dom';
|
||
|
|
import { ViewIcon, EditIcon } from '../../components/icons';
|
||
|
|
|
||
|
|
interface ViewEditControlProps {
|
||
|
|
cat: string;
|
||
|
|
mode: 'view' | 'edit';
|
||
|
|
building: Building;
|
||
|
|
}
|
||
|
|
|
||
|
|
const ViewEditControl: React.FC<ViewEditControlProps> = props => (
|
||
|
|
(props.mode === 'edit')?
|
||
|
|
<NavLink
|
||
|
|
className="icon-button view"
|
||
|
|
title="View data"
|
||
|
|
to={`/view/${props.cat}/${props.building.building_id}`}>
|
||
|
|
View
|
||
|
|
<ViewIcon />
|
||
|
|
</NavLink>
|
||
|
|
: <NavLink
|
||
|
|
className="icon-button edit"
|
||
|
|
title="Edit data"
|
||
|
|
to={`/edit/${props.cat}/${props.building.building_id}`}>
|
||
|
|
Edit
|
||
|
|
<EditIcon />
|
||
|
|
</NavLink>
|
||
|
|
);
|
||
|
|
|
||
|
|
export {
|
||
|
|
ViewEditControl
|
||
|
|
};
|