chore: add reports to views

This commit is contained in:
AP 2020-01-31 09:00:14 +01:00
parent 9ee4b6a12e
commit d8c7f7af76
2 changed files with 38 additions and 32 deletions

View file

@ -17,6 +17,7 @@ import { LoadingCard } from '../../components/loading/LoadingCard';
import { ForwardCard } from './ForwardsCard';
import { textColorMap } from '../../styles/Themes';
import { useSettings } from '../../context/SettingsContext';
import { ForwardBox } from 'views/home/reports/forwardReport';
const timeMap: { [key: string]: string } = {
day: 'today',
@ -57,30 +58,34 @@ export const ForwardsList = () => {
);
return (
<CardWithTitle>
<CardTitle>
<SubTitle>Forwards</SubTitle>
<SingleLine>
{renderButton('day', 'D')}
{renderButton('week', '1W')}
{renderButton('month', '1M')}
{renderButton('threeMonths', '3M')}
</SingleLine>
</CardTitle>
<Card>
{data.getForwards.forwards.length <= 0 && renderNoForwards()}
{data.getForwards.forwards.map(
(forward: any, index: number) => (
<ForwardCard
forward={forward}
key={index}
index={index + 1}
setIndexOpen={setIndexOpen}
indexOpen={indexOpen}
/>
),
)}
</Card>
</CardWithTitle>
<>
<ForwardBox />
<CardWithTitle>
<CardTitle>
<SubTitle>Forwards</SubTitle>
<SingleLine>
{renderButton('day', 'D')}
{renderButton('week', '1W')}
{renderButton('month', '1M')}
{renderButton('threeMonths', '3M')}
</SingleLine>
</CardTitle>
<Card>
{data.getForwards.forwards.length <= 0 &&
renderNoForwards()}
{data.getForwards.forwards.map(
(forward: any, index: number) => (
<ForwardCard
forward={forward}
key={index}
index={index + 1}
setIndexOpen={setIndexOpen}
indexOpen={indexOpen}
/>
),
)}
</Card>
</CardWithTitle>
</>
);
};

View file

@ -12,6 +12,7 @@ import { LoadingCard } from '../../components/loading/LoadingCard';
import { useSettings } from '../../context/SettingsContext';
import { textColorMap } from '../../styles/Themes';
import { ColorButton } from 'components/buttons/colorButton/ColorButton';
import { FlowBox } from 'views/home/reports/flow';
export const TransactionList = () => {
const [indexOpen, setIndexOpen] = useState(0);
@ -37,9 +38,11 @@ export const TransactionList = () => {
return <LoadingCard title={'Transactions'} />;
}
const renderInvoices = () => {
const resumeList = JSON.parse(data.getResume.resume);
return (
const resumeList = JSON.parse(data.getResume.resume);
return (
<>
<FlowBox />
<CardWithTitle>
<SubTitle>Transactions</SubTitle>
<Card bottom={'5px'}>
@ -107,8 +110,6 @@ export const TransactionList = () => {
Show More
</ColorButton>
</CardWithTitle>
);
};
return renderInvoices();
</>
);
};