feat: print deal

src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx

@@ -1,6 +1,18 @@
 import { FC } from "react";
 import { useDealPageContext } from "../../../contexts/DealPageContext.tsx";
-import { Button, Checkbox, Divider, Fieldset, Flex, Group, rem, Textarea, TextInput } from "@mantine/core";
+import {
+    ActionIcon,
+    Button,
+    Checkbox,
+    Divider,
+    Fieldset,
+    Flex,
+    Group,
+    rem,
+    Textarea,
+    TextInput,
+    Tooltip,
+} from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { ClientService, DealSchema, DealService, ShippingWarehouseSchema } from "../../../../../client";
 import { DealStatus, DealStatusDictionary } from "../../../../../shared/enums/DealStatus.ts";
@@ -14,6 +26,7 @@ import { useClipboard } from "@mantine/hooks";
 import ButtonCopy from "../../../../../components/ButtonCopy/ButtonCopy.tsx";
 import FileSaver from "file-saver";
 import { getCurrentDateTimeForFilename } from "../../../../../shared/lib/date.ts";
+import { IconPrinter } from "@tabler/icons-react";
 
 type Props = {
     deal: DealSchema
@@ -159,36 +172,54 @@ const Content: FC<Props> = ({ deal }) => {
                 <Flex mt={"md"} gap={rem(10)} align={"center"} justify={"flex-end"}>
                     <Flex align={"center"} gap={rem(10)} justify={"center"}>
 
-                        <Flex gap={rem(10)}>
+                        <Flex gap={rem(10)} align={"center"} justify={"space-between"}>
-                            {(deal.billRequest && deal.billRequest.pdfUrl) ?
+                            <Tooltip
-                                <ButtonCopy
+                                label={"Распечатать сделку"}
-                                    onCopiedLabel={"Ссылка скопирована в буфер обмена"}
+                            >
-                                    value={deal.billRequest.pdfUrl}
+                                <ActionIcon
-                                >
+                                    onClick={() => {
-                                    Ссылка на оплату
+                                        const pdfWindow = window.open(`${import.meta.env.VITE_API_URL}/deal/detailedDocument/${deal.id}`);
-                                </ButtonCopy>
+                                        if (!pdfWindow) return;
-                                :
+                                        pdfWindow.print();
-                                <ButtonCopyControlled
-                                    onCopyClick={() => {
-                                        // get current datetime for filename, replaced dots with _
-                                        const date = getCurrentDateTimeForFilename();
-
-
-                                        FileSaver.saveAs(`${import.meta.env.VITE_API_URL}/deal/document/${deal.id}`,
-                                            `bill_${deal.id}_${date}.pdf`);
                                     }}
-                                    copied={false}
+                                    variant={"default"}>
+                                    <IconPrinter />
+                                </ActionIcon>
+                            </Tooltip>
+
+                            <Flex gap={rem(10)}>
+
+                                {(deal.billRequest && deal.billRequest.pdfUrl) ?
+                                    <ButtonCopy
+                                        onCopiedLabel={"Ссылка скопирована в буфер обмена"}
+                                        value={deal.billRequest.pdfUrl}
+                                    >
+                                        Ссылка на оплату
+                                    </ButtonCopy>
+                                    :
+                                    <ButtonCopyControlled
+                                        onCopyClick={() => {
+                                            // get current datetime for filename, replaced dots with _
+                                            const date = getCurrentDateTimeForFilename();
+
+
+                                            FileSaver.saveAs(`${import.meta.env.VITE_API_URL}/deal/document/${deal.id}`,
+                                                `bill_${deal.id}_${date}.pdf`);
+                                        }}
+                                        copied={false}
+                                        onCopiedLabel={"Ссылка скопирована в буфер обмена"}
+                                    >
+                                        Ссылка на оплату (PDF)
+                                    </ButtonCopyControlled>
+                                }
+                                <ButtonCopyControlled
+                                    onCopyClick={onCopyGuestUrlClick}
                                     onCopiedLabel={"Ссылка скопирована в буфер обмена"}
-                                >
+                                    copied={clipboard.copied}>
-                                    Ссылка на оплату (PDF)
+                                    Ссылка на редактирование
                                 </ButtonCopyControlled>
-                            }
+                            </Flex>
-                            <ButtonCopyControlled
+
-                                onCopyClick={onCopyGuestUrlClick}
-                                onCopiedLabel={"Ссылка скопирована в буфер обмена"}
-                                copied={clipboard.copied}>
-                                Ссылка на редактирование
-                            </ButtonCopyControlled>
                         </Flex>
                         <Flex gap={rem(10)}>