feat: send invoice mail receipt drawer

2026-02-19 06:10:31 +00:00 · 2024-10-23 16:30:39 +02:00
parent 03e6372f14
commit c321d90575
12 changed files with 330 additions and 5 deletions
--- a/packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailHeader.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailHeader.tsx
@@ -0,0 +1,52 @@
+import { Button, Classes } from "@blueprintjs/core";
+import { Group, Icon } from "@/components";
+import { useDrawerContext } from "@/components/Drawer/DrawerProvider";
+import { useDrawerActions } from "@/hooks/state";
+
+interface ElementCustomizeHeaderProps {
+  label?: string;
+  children?: React.ReactNode;
+  closeButton?: boolean;
+  onClose?: () => void;
+}
+
+export function InvoiceSendMailHeader({
+  label,
+  closeButton = true,
+  onClose,
+  children,
+}: ElementCustomizeHeaderProps) {
+  const { name } = useDrawerContext();
+  const { closeDrawer } = useDrawerActions();
+
+  const handleClose = () => {
+    closeDrawer(name);
+  };
+  return (
+    <Group
+      p={'10px'}
+      pl={'15px'}
+      bg="white"
+      alignItems={'center'}
+      boxShadow={'0 1px 0 rgba(17, 20, 24, .15)'}
+      zIndex={1}
+      style={{ position: 'relative' }}
+    >
+      {label && (
+        <h1 style={{ margin: 0, fontSize: 20, fontWeight: 500, color: '#666' }}>
+          {label}
+        </h1>
+      )}
+      {closeButton && (
+        <Button
+          aria-label="Close"
+          className={Classes.DIALOG_CLOSE_BUTTON}
+          icon={<Icon icon={'smallCross'} color={'#000'} />}
+          minimal={true}
+          onClick={handleClose}
+          style={{ marginLeft: 'auto' }}
+        />
+      )}
+    </Group>
+  );
+}