9c0df36e16
* style: enforce sorting of imports * style: alphabetize imports * style: merge duplicated imports
32 lines
882 B
JavaScript
32 lines
882 B
JavaScript
import React from 'react';
|
|
|
|
import * as monthUtils from 'loot-core/src/shared/months';
|
|
import { P } from 'loot-design/src/components/common';
|
|
|
|
import { Standalone, Title } from './common';
|
|
import Navigation from './Navigation';
|
|
|
|
function TransactionEnter({ fromYNAB, navigationProps }) {
|
|
const currentDay = monthUtils.currentDay();
|
|
|
|
return (
|
|
<Standalone width={400}>
|
|
<Title>Add a transaction</Title>
|
|
<P>
|
|
Categorize the new transaction (you can use anything, try "Food") and
|
|
enter any amount in the "payment" column. You'll see how it affects the
|
|
budget.
|
|
</P>
|
|
|
|
<P>
|
|
Next, try adding an income transaction by categorizing a new transaction
|
|
as "Income" and entering an amount in the "deposit" column.
|
|
</P>
|
|
|
|
<Navigation {...navigationProps} />
|
|
</Standalone>
|
|
);
|
|
}
|
|
|
|
export default TransactionEnter;
|