Elements: fix message not showing

Elements/message.js

@@ -1,2 +1,9 @@
-/* eslint-disable no-restricted-exports */
-export { message as default } from 'antd';
+/* eslint-disable unicorn/prefer-export-from */
+import { message } from 'antd';
+
+message.config({
+  top: 70,
+  maxCount: 3,
+});
+
+export default message;

process/load-kp/reactions.ts

@@ -2,6 +2,8 @@ import message from 'Elements/message';
 import { reaction } from 'mobx';
 import type { ReactionsContext } from 'process/types';
 
+const key = 'KP_LOADING_INFO';
+
 export default function loadKpReactions({ store, trpcClient }: ReactionsContext) {
   const { $calculation, $process } = store;
 
@@ -14,6 +16,11 @@ export default function loadKpReactions({ store, trpcClient }: ReactionsContext)
 
       const quoteName = $calculation.element('selectQuote').getOption()?.label;
 
+      message.loading({
+        key,
+        content: `Загружаем КП ${quoteName}...`,
+      });
+
       trpcClient.quote.getValues
         .query({
           values: {
@@ -26,11 +33,14 @@ export default function loadKpReactions({ store, trpcClient }: ReactionsContext)
             exclude: ['lead', 'opportunity', 'quote', 'leadUrl', 'opportunityUrl', 'quoteUrl'],
           });
           message.success({
+            key,
             content: `КП ${quoteName} загружено`,
           });
+          // hide();
         })
         .catch(() => {
           message.error({
+            key,
             content: `Ошибка во время загрузки КП ${quoteName}`,
           });
         })