Add a way to edit events.

master
Tom Hacohen 7 years ago
parent 81c3f4d27e
commit 0c9dfd7087

@ -42,11 +42,17 @@ export const routeResolver = new RouteResolver({
home: '', home: '',
pim: { pim: {
contacts: { contacts: {
_id: ':contactUid', _id: {
_base: ':contactUid',
edit: 'edit',
},
new: 'new', new: 'new',
}, },
events: { events: {
_id: ':eventUid', _id: {
_base: ':eventUid',
edit: 'edit',
},
new: 'new', new: 'new',
}, },
}, },

@ -1,5 +1,7 @@
import * as React from 'react'; import * as React from 'react';
import { Route, Switch } from 'react-router'; import { Route, Switch } from 'react-router';
import RaisedButton from 'material-ui/RaisedButton';
import IconEdit from 'material-ui/svg-icons/editor/mode-edit';
import * as EteSync from './api/EteSync'; import * as EteSync from './api/EteSync';
@ -127,10 +129,35 @@ class Pim extends React.Component {
)} )}
/> />
<Route <Route
path={routeResolver.getRoute('pim.events._id')} path={routeResolver.getRoute('pim.events._id.edit')}
exact={true} exact={true}
render={({match}) => ( render={({match}) => (
<Container style={{maxWidth: 400}}>
<EventEdit
event={calendarItems[match.params.eventUid]}
collections={collectionsCalendar}
onSave={this.onEventSave}
/>
</Container>
)}
/>
<Route
path={routeResolver.getRoute('pim.events._id')}
exact={true}
render={({match, history}) => (
<Container> <Container>
<div style={{textAlign: 'right'}}>
<RaisedButton
label="Edit"
secondary={true}
icon={<IconEdit />}
onClick={() =>
history.push(routeResolver.getRoute(
'pim.events._id.edit',
{eventUid: match.params.eventUid}))
}
/>
</div>
<Event event={calendarItems[match.params.eventUid]} /> <Event event={calendarItems[match.params.eventUid]} />
</Container> </Container>
)} )}

Loading…
Cancel
Save