Use container all around to improve look.

master
Tom Hacohen 7 years ago
parent 87a2493956
commit 1987ea126d

@ -3,6 +3,8 @@ import { Route, Switch } from 'react-router';
import * as EteSync from './api/EteSync'; import * as EteSync from './api/EteSync';
import Container from './Container';
import Contact from './Contact'; import Contact from './Contact';
import Event from './Event'; import Event from './Event';
import PimMain from './PimMain'; import PimMain from './PimMain';
@ -82,14 +84,18 @@ class Pim extends React.Component {
path={routeResolver.getRoute('pim.contacts._id')} path={routeResolver.getRoute('pim.contacts._id')}
exact={true} exact={true}
render={({match}) => ( render={({match}) => (
<Contact contact={addressBookItems.get(match.params.contactUid)} /> <Container>
<Contact contact={addressBookItems.get(match.params.contactUid)} />
</Container>
)} )}
/> />
<Route <Route
path={routeResolver.getRoute('pim.events._id')} path={routeResolver.getRoute('pim.events._id')}
exact={true} exact={true}
render={({match}) => ( render={({match}) => (
<Event event={calendarItems.get(match.params.eventUid)} /> <Container>
<Event event={calendarItems.get(match.params.eventUid)} />
</Container>
)} )}
/> />
</Switch> </Switch>

@ -3,6 +3,8 @@ import { Tabs, Tab } from 'material-ui/Tabs';
import * as ICAL from 'ical.js'; import * as ICAL from 'ical.js';
import Container from './Container';
import AddressBook from './AddressBook'; import AddressBook from './AddressBook';
import Calendar from './Calendar'; import Calendar from './Calendar';
@ -60,13 +62,17 @@ class PimMain extends React.Component {
value={addressBookTitle} value={addressBookTitle}
label={addressBookTitle} label={addressBookTitle}
> >
<AddressBook entries={this.props.contacts} onItemClick={this.contactClicked} /> <Container>
<AddressBook entries={this.props.contacts} onItemClick={this.contactClicked} />
</Container>
</Tab> </Tab>
<Tab <Tab
value={calendarTitle} value={calendarTitle}
label={calendarTitle} label={calendarTitle}
> >
<PersistCalendar entries={this.props.events} onItemClick={this.eventClicked} /> <Container>
<PersistCalendar entries={this.props.events} onItemClick={this.eventClicked} />
</Container>
</Tab> </Tab>
</Tabs> </Tabs>
); );

Loading…
Cancel
Save