infra
/
etesync
2
0
Fork 0
Code Issues Pull Requests Packages Activity

Journals list+import: move journal items to the left side.

master
Tom Hacohen 2020-03-13 17:01:59 +02:00
parent e0e805d009
commit 69c38d7e8f
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/Journals/JournalsList.tsx
View File

@ -54,7 +54,7 @@ export default function JournalsList(props: PropsType) {
}
ret[info.type] = ret[info.type] || [];
ret[info.type].push(
<ListItem key={journal.uid} rightIcon={colorBox}
<ListItem key={journal.uid} rightIcon={colorBox} insetChildren
onClick={() => journalClicked(journal.uid)}>
{info.displayName} ({journal.uid.slice(0, 5)})
</ListItem>
@ -82,19 +82,19 @@ export default function JournalsList(props: PropsType) {
<List>
<ListItem
primaryText="Address Books"
rightIcon={<ContactsIcon />}
leftIcon={<ContactsIcon />}
nestedItems={journalMap.ADDRESS_BOOK}
/>
<ListItem
primaryText="Calendars"
rightIcon={<CalendarTodayIcon />}
leftIcon={<CalendarTodayIcon />}
nestedItems={journalMap.CALENDAR}
/>
<ListItem
primaryText="Tasks"
rightIcon={<FormatListBulletedIcon />}
leftIcon={<FormatListBulletedIcon />}
nestedItems={journalMap.TASKS}
/>
</List>

9
src/Journals/JournalsListImport.tsx
View File

@ -3,6 +3,10 @@
import * as React from 'react';
import ContactsIcon from '@material-ui/icons/Contacts';
import CalendarTodayIcon from '@material-ui/icons/CalendarToday';
import FormatListBulletedIcon from '@material-ui/icons/FormatListBulleted';
import { List, ListItem } from '../widgets/List';
import AppBarOverride from '../widgets/AppBarOverride';
@ -42,7 +46,7 @@ export default function JournalsList(props: PropsType) {
}
ret[info.type] = ret[info.type] || [];
ret[info.type].push(
<ListItem key={journal.uid} rightIcon={colorBox}
<ListItem key={journal.uid} rightIcon={colorBox} insetChildren
onClick={() => setSelectedJournal(props.syncInfo.get(journal.uid))}>
{info.displayName} ({journal.uid.slice(0, 5)})
</ListItem>
@ -62,16 +66,19 @@ export default function JournalsList(props: PropsType) {
<List>
<ListItem
primaryText="Address Books"
leftIcon={<ContactsIcon />}
nestedItems={journalMap.ADDRESS_BOOK}
/>
<ListItem
primaryText="Calendars"
leftIcon={<CalendarTodayIcon />}
nestedItems={journalMap.CALENDAR}
/>
<ListItem
primaryText="Tasks"
leftIcon={<FormatListBulletedIcon />}
nestedItems={journalMap.TASKS}
/>
</List>