From cdc9de27f3cc9a343f8d3b35255240c12dbb83d7 Mon Sep 17 00:00:00 2001
From: BunyodL <blutfulloyev@bk.ru>
Date: Wed, 21 May 2025 22:22:59 +0500
Subject: [PATCH] update: add print-btn

---
 .../ui/transactions-table-header.tsx          | 29 +++++++++++++++----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/widgets/transactions-table/ui/transactions-table-header.tsx b/src/widgets/transactions-table/ui/transactions-table-header.tsx
index e2d61d9..5149ecd 100644
--- a/src/widgets/transactions-table/ui/transactions-table-header.tsx
+++ b/src/widgets/transactions-table/ui/transactions-table-header.tsx
@@ -1,6 +1,6 @@
 import { format } from 'date-fns';
 import { ru } from 'date-fns/locale';
-import { CalendarIcon, X } from 'lucide-react';
+import { CalendarIcon, Printer, X } from 'lucide-react';
 import { Dispatch, SetStateAction } from 'react';
 
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
@@ -30,11 +30,30 @@ export const TransactionsTableHeader = ({
 
   return (
     <div className='flex flex-col items-start justify-between gap-4 md:flex-row md:items-center'>
-      <h2 className='text-2xl font-bold'>
-        {t('corporate.transactions.title')}
-      </h2>
+      <div className='flex items-center justify-between max-md:w-full'>
+        <h2 className='text-2xl font-bold'>
+          {t('corporate.transactions.title')}
+        </h2>
+        <Button
+          size={'icon'}
+          variant={'outline'}
+          onClick={() => window.print()}
+          className='flex md:hidden'
+        >
+          <Printer />
+        </Button>
+      </div>
+
+      <div className='flex w-full flex-col justify-center gap-4 md:w-auto md:flex-row'>
+        <Button
+          size={'icon'}
+          variant={'outline'}
+          onClick={() => window.print()}
+          className='hidden md:flex'
+        >
+          <Printer />
+        </Button>
 
-      <div className='flex w-full flex-col gap-4 md:w-auto md:flex-row'>
         <div className='grid gap-2 sm:grid-cols-2'>
           <div className='flex items-center gap-2'>
             <Label htmlFor='start-date'>