add button to download invoice for individual order

mbpictures · Oct 1, 2024 · ff96c51 · ff96c51
1 parent f0af42f
commit ff96c51
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/admin/dialogs/OrderDetailsDialog.tsx b/src/components/admin/dialogs/OrderDetailsDialog.tsx
@@ -18,6 +18,7 @@ import { getEventTitle } from "../../../constants/util";
 import { ConfirmDialog } from "./ConfirmDialog";
 import { useSnackbar } from "notistack";
 import axios from "axios";
+import { SaveButton } from "../SaveButton";
 
 export const OrderDetailsDialog = ({
     order,
@@ -53,6 +54,12 @@ export const OrderDetailsDialog = ({
         }
     }
 
+    const downloadInvoice = async () => {
+        const response = await axios.get("/api/admin/order/" + order.id + "/invoice");
+        const blob = await (await fetch(response.data)).blob()
+        window.open(URL.createObjectURL(blob));
+    }
+
     return (
         <>
             <Dialog open={true} onClose={handleClose} fullWidth>
@@ -93,6 +100,9 @@ export const OrderDetailsDialog = ({
                                             order.user.customFields && Object.entries(JSON.parse(order.user.customFields)).map(field => `${field[0]}: ${field[1]}`)
                                         }
                                     </Typography>
+                                    <SaveButton action={downloadInvoice}>
+                                        Download Invoice
+                                    </SaveButton>
                                     <Button color={"error"} onClick={() => setDeleteOpen(true)}>
                                         Delete
                                     </Button>