diff --git a/src/Journal.tsx b/src/Journal.tsx index cc9de60..d6e78f3 100644 --- a/src/Journal.tsx +++ b/src/Journal.tsx @@ -3,6 +3,8 @@ import { Tabs, Tab } from 'material-ui/Tabs'; import * as EteSync from './api/EteSync'; +import Container from './Container'; + import JournalEntries from './JournalEntries'; import JournalAddressBook from './JournalAddressBook'; import JournalCalendar from './JournalCalendar'; @@ -10,6 +12,8 @@ import LoadingIndicator from './LoadingIndicator'; import { syncEntriesToItemMap, syncEntriesToCalendarItemMap } from './journal-processors'; +import { getPalette } from './App'; + import { JournalsData, EntriesType, CredentialsData } from './store'; interface PropsType { @@ -72,21 +76,42 @@ class Journal extends React.Component { itemsTitle = 'Items'; } + const style = { + header: { + backgroundColor: getPalette('primary1Color'), + color: getPalette('alternateTextColor'), + padding: 15, + textAlign: 'center', + }, + headerText: { + margin: 0, + }, + }; + return ( - - -

{collectionInfo.displayName}

- {itemsView} -
- -

{collectionInfo.displayName}

- ; -
-
+ +
+ +

{collectionInfo.displayName}

+
+
+ + + + {itemsView} + + + + + ; + + + +
); } } diff --git a/src/JournalCalendar.tsx b/src/JournalCalendar.tsx index c5cd0d7..2f35f4a 100644 --- a/src/JournalCalendar.tsx +++ b/src/JournalCalendar.tsx @@ -48,12 +48,9 @@ class JournalCalendar extends React.Component { { - - return ( - - ); - }} + render={({match}) => ( + + )} /> );