Merge pull request #674 from Tampere/feature/sap-report-credit-debit-…

…columns

Added report summary to blanket contract report

frontend/src/views/SapReports/BlanketContractReportFilters.tsx

@@ -1,5 +1,13 @@
 import { Download, Search } from '@mui/icons-material';
-import { FormControl, FormLabel, InputAdornment, Paper, TextField, css } from '@mui/material';
+import {
+  Divider,
+  FormControl,
+  FormLabel,
+  InputAdornment,
+  Paper,
+  TextField,
+  css,
+} from '@mui/material';
 import { useAtom, useAtomValue } from 'jotai';
 
 import { trpc } from '@frontend/client';
@@ -12,8 +20,11 @@ import {
   blanketOrderIdAtom,
   consultCompaniesAtom,
   textAtom,
+  useDebouncedBlanketContractReportFilters,
 } from '@frontend/stores/sapReport/blanketContractReportFilters';
 
+import { ReportSummary } from './ReportSummary';
+
 export function BlanketContractReportFilters() {
   const tr = useTranslations();
   const notify = useNotifications();
@@ -27,6 +38,10 @@ export function BlanketContractReportFilters() {
     trpc.sapReport.getConsultCompanies.useQuery();
   const { sapReport } = trpc.useContext();
 
+  const debouncedFilters = useDebouncedBlanketContractReportFilters();
+  const { data: summary, isLoading: summaryLoading } =
+    trpc.sapReport.getBlanketContractReportSummary.useQuery({ filters: debouncedFilters });
+
   return (
     <Paper
       css={css`
@@ -114,6 +129,13 @@ export function BlanketContractReportFilters() {
       >
         {tr('sapReports.downloadReport')}
       </AsyncJobButton>
+      <Divider
+        css={css`
+          margin-top: 24px;
+          margin-bottom: 24px;
+        `}
+      />
+      <ReportSummary loading={summaryLoading} summary={summary} />
     </Paper>
   );
 }