mirror of
https://github.com/apotdevin/thunderhub.git
synced 2025-02-22 14:22:33 +01:00
chore: add reports to views
This commit is contained in:
parent
9ee4b6a12e
commit
d8c7f7af76
2 changed files with 38 additions and 32 deletions
|
@ -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>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -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();
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
Loading…
Add table
Reference in a new issue