Merge pull request #45 from konsept-ch/invoices/grouped

add buttons for grouped invoice
konsept-ch · Feb 13, 2023 · 5061cae · 5061cae
2 parents 2337b14 + 62562f7
commit 5061cae
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 2 deletions.
diff --git a/src/pages/ManualInvoicesPage.jsx b/src/pages/ManualInvoicesPage.jsx
@@ -1,4 +1,5 @@
 import { useState } from 'react'
+import { useLocation } from 'react-router-dom'
 import { Container, Button } from 'react-bootstrap'
 import { Helmet } from 'react-helmet-async'
 import { toast } from 'react-toastify'
@@ -8,12 +9,16 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faPen } from '@fortawesome/pro-light-svg-icons'
 
 import { Grid, ManualInvoiceModal } from '../components'
-import { useGetManualInvoicesQuery, useLazyGetEnumsQuery, useUpdateStatusesMutation } from '../services/manual-invoices'
+import {
+    useGetManualInvoicesQuery,
+    useLazyGetEnumsQuery,
+    useUpdateStatusesMutation,
+    useGenerateGroupedInvoiceMutation,
+} from '../services/manual-invoices'
 import { useLazyGetOrganizationsFlatWithAddressQuery } from '../services/organizations'
 import { useLazyGetUsersQuery } from '../services/users'
 import { gridContextMenu, downloadCsvFile } from '../utils'
 import { mapPathnameToInvoiceType } from '../constants/invoices'
-import { useLocation } from 'react-router-dom'
 
 const INVOICE_STATUSES = ['En préparation', 'A traiter', 'Exportée', 'Non transmissible', 'Annulée', 'Envoyée']
 
@@ -40,6 +45,7 @@ export function ManualInvoicesPage() {
     const [fetchUsers, { data: users }] = useLazyGetUsersQuery()
     const [fetchEnums, { data: enums }] = useLazyGetEnumsQuery()
     const [updateStatuses, { isLoading: isStatusesUpdating }] = useUpdateStatusesMutation()
+    const [generateGroupedInvoices, { isLoading: isGeneratingGroupedInvoices }] = useGenerateGroupedInvoiceMutation()
 
     const location = useLocation()
 
@@ -388,6 +394,20 @@ export function ManualInvoicesPage() {
                 <Button variant="success" className="me-2" onClick={() => setIsManualInvoiceModalOpen(true)}>
                     Créer facture manuelle
                 </Button>
+                <Button
+                    variant="secondary"
+                    className="me-2"
+                    onClick={() => generateGroupedInvoices({ type: 'semestrial' })}
+                >
+                    Générer factures sémestrielles {isGeneratingGroupedInvoices && '...'}
+                </Button>
+                <Button
+                    variant="secondary"
+                    className="me-2"
+                    onClick={() => generateGroupedInvoices({ type: 'annual' })}
+                >
+                    Générer factures annuelles {isGeneratingGroupedInvoices && '...'}
+                </Button>
             </Container>
             {isManualInvoiceModalOpen && (
                 <ManualInvoiceModal

diff --git a/src/services/manual-invoices.js b/src/services/manual-invoices.js
@@ -39,6 +39,13 @@ export const manualInvoicesApi = createApi({
                 method: 'DELETE',
             }),
         }),
+        generateGroupedInvoice: builder.mutation({
+            query: ({ type }) => ({
+                url: 'grouped',
+                method: 'POST',
+                body: { type },
+            }),
+        }),
     }),
 })
 
@@ -49,4 +56,5 @@ export const {
     useCreateManualInvoiceMutation,
     useUpdateManualInvoiceMutation,
     useRemoveManualInvoiceMutation,
+    useGenerateGroupedInvoiceMutation,
 } = manualInvoicesApi