From 62043e84f3756882f92f226cda9d49f89f7bc061 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Fri, 22 Mar 2024 11:54:43 +0300
Subject: [PATCH] apps/web: reduce message duration notification: enable stack
 globally

---
 .../Calculation/Form/ELT/Components/PolicyTable.tsx  | 12 ++++++++----
 apps/web/Components/Common/Notification.tsx          |  5 ++++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/apps/web/Components/Calculation/Form/ELT/Components/PolicyTable.tsx b/apps/web/Components/Calculation/Form/ELT/Components/PolicyTable.tsx
index ff80273..0b90bf4 100644
--- a/apps/web/Components/Calculation/Form/ELT/Components/PolicyTable.tsx
+++ b/apps/web/Components/Calculation/Form/ELT/Components/PolicyTable.tsx
@@ -7,16 +7,16 @@ import { Table } from 'ui/elements';
 
 export const PolicyTable = observer(
   ({
-    storeSelector,
     onSelectRow,
+    storeSelector,
     ...props
   }: {
     columns: typeof columns;
     onSelectRow: (row: Row) => void;
     storeSelector: StoreSelector;
   }) => {
-    const { $tables, $process } = useStore();
-    const { getRows, setSelectedKey, getSelectedRow } = storeSelector($tables.elt);
+    const { $process, $tables } = useStore();
+    const { getRows, getSelectedRow, setSelectedKey } = storeSelector($tables.elt);
 
     return (
       <Table
@@ -37,7 +37,11 @@ export const PolicyTable = observer(
               $process.add('ELT');
               setSelectedKey(record.key);
               onSelectRow(record);
-              message.success({ content: 'Выбранный расчет ЭЛТ применен', key: record.key });
+              message.success({
+                content: 'Выбранный расчет ЭЛТ применен',
+                duration: 1,
+                key: record.key,
+              });
               $process.delete('ELT');
             }
           },
diff --git a/apps/web/Components/Common/Notification.tsx b/apps/web/Components/Common/Notification.tsx
index 1aff561..0f92c1f 100644
--- a/apps/web/Components/Common/Notification.tsx
+++ b/apps/web/Components/Common/Notification.tsx
@@ -7,14 +7,17 @@ import { message as antdMessage, notification as antdNotification } from 'ui/ele
 export let message: Readonly<MessageInstance>;
 export let notification: Readonly<NotificationInstance>;
 
-export function Notification({ children }: { children: ReactNode }) {
+export function Notification({ children }: { readonly children: ReactNode }) {
   const [messageApi, messageContextHolder] = antdMessage.useMessage({
+    duration: 1.2,
     maxCount: 3,
     top: 70,
   });
 
   const [notificationApi, notificationContextHolder] = antdNotification.useNotification({
+    maxCount: 3,
     placement: 'bottomRight',
+    stack: { threshold: 1 },
   });
 
   message = messageApi;