2022-04-29 02:44:38 +00:00
|
|
|
import React from 'react';
|
2022-09-02 11:43:37 +00:00
|
|
|
|
2022-04-29 02:44:38 +00:00
|
|
|
import { css } from 'glamor';
|
2022-09-02 11:43:37 +00:00
|
|
|
|
|
|
|
import { P } from 'loot-design/src/components/common';
|
|
|
|
|
2022-07-17 10:28:05 +00:00
|
|
|
import { Standalone } from './common';
|
2022-09-02 14:07:24 +00:00
|
|
|
import Navigation from './Navigation';
|
2022-04-29 02:44:38 +00:00
|
|
|
|
|
|
|
function TransactionFinalize({ navigationProps }) {
|
|
|
|
return (
|
|
|
|
<Standalone width={400}>
|
|
|
|
<P style={{ fontSize: 16 }}>All done!</P>
|
|
|
|
<P isLast={true}>
|
|
|
|
You can edit transactions by clicking anywhere on the table, or move
|
|
|
|
around with the keyboard. A few keybindings:
|
|
|
|
<ul {...css({ padding: '0 15px', '& li': { marginTop: 5 } })}>
|
|
|
|
<li>
|
|
|
|
Tab and enter are the same and will move right (holding shift will
|
|
|
|
move left).
|
|
|
|
</li>
|
|
|
|
<li>Alt or command with arrow keys will move in any direction.</li>
|
|
|
|
</ul>
|
|
|
|
</P>
|
|
|
|
|
|
|
|
<Navigation {...navigationProps} />
|
|
|
|
</Standalone>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default TransactionFinalize;
|