feat: add view details and edit icons.

This commit is contained in:
Ahmed Bouhuolia
2020-10-21 01:53:30 +02:00
parent fb1ecd529f
commit 5ecdf9289d
4 changed files with 25 additions and 3 deletions

View File

@@ -113,7 +113,9 @@ function ManualJournalsDataTable({
const actionMenuList = useCallback(
(journal) => (
<Menu>
<MenuItem text={formatMessage({ id: 'view_details' })} />
<MenuItem
icon={<Icon icon="reader-18" />}
text={formatMessage({ id: 'view_details' })} />
<MenuDivider />
<If condition={!journal.status}>
<MenuItem
@@ -122,6 +124,7 @@ function ManualJournalsDataTable({
/>
</If>
<MenuItem
icon={<Icon icon="pen-18" />}
text={formatMessage({ id: 'edit_journal' })}
onClick={handleEditJournal(journal)}
/>

View File

@@ -157,9 +157,12 @@ function AccountsDataTable({
const actionMenuList = useCallback(
(account) => (
<Menu>
<MenuItem text={formatMessage({ id: 'view_details' })} />
<MenuItem
icon={<Icon icon="reader-18" />}
text={formatMessage({ id: 'view_details' })} />
<MenuDivider />
<MenuItem
icon={<Icon icon="pen-18" />}
text={formatMessage({ id: 'edit_account' })}
onClick={handleEditAccount(account)}
/>

View File

@@ -105,7 +105,9 @@ function ExpensesDataTable({
const actionMenuList = useCallback(
(expense) => (
<Menu>
<MenuItem text={formatMessage({ id: 'view_details' })} />
<MenuItem
icon={<Icon icon="reader-18" />}
text={formatMessage({ id: 'view_details' })} />
<MenuDivider />
<If condition={!expense.published}>
<MenuItem
@@ -115,10 +117,12 @@ function ExpensesDataTable({
</If>
<MenuItem
icon={<Icon icon="pen-18" />}
text={formatMessage({ id: 'edit_expense' })}
onClick={handleEditExpense(expense)}
/>
<MenuItem
icon={<Icon icon="trash-16" iconSize={16} />}
text={formatMessage({ id: 'delete_expense' })}
intent={Intent.DANGER}
onClick={handleDeleteExpense(expense)}

View File

@@ -281,4 +281,16 @@ export default {
],
viewBox: '0 0 24 24',
},
'pen-18': {
path: [
'M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z',
],
viewBox: '0 0 24 24',
},
'reader-18': {
path: [
'M13 12h7v1.5h-7zm0-2.5h7V11h-7zm0 5h7V16h-7zM21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 15h-9V6h9v13z',
],
viewBox: '0 0 24 24',
}
};