DOMA-3719 New version of notification

Author: SavelevMatthew

apps/condo/domains/common/components/TrackingContext.tsx

@@ -67,7 +67,8 @@ interface IUseTracking {
 }
 
 const useTracking: IUseTracking = () => {
-    const { route } = useRouter()
+    const router = useRouter()
+    const route = get(router, 'route', '')
     const { trackerInstances, eventProperties, userProperties } = useTrackingContext()
 
     const logEvent = useCallback(({ eventName, eventProperties: localEventProperties = {}, denyDuplicates }: ITrackerLogEventType) => {

apps/condo/domains/common/hooks/useHotCodeReload.tsx

@@ -0,0 +1,44 @@
+import React, { useCallback, useEffect } from 'react'
+import Router from 'next/router'
+import { notification } from 'antd'
+import { useIntl } from '@core/next/intl'
+import { Button } from '@condo/domains/common/components/Button'
+import { useCurrentBuild } from './useCurrentBuild'
+import { usePrevious } from './usePrevious'
+
+
+
+export function useHotCodeReload (): void {
+    const intl = useIntl()
+    const NotificationTitle = intl.formatMessage({ id: 'HotCodeReload.title' })
+    const NotificationMessage = intl.formatMessage({ id: 'HotCodeReload.message' })
+    const ButtonLabel = intl.formatMessage({ id: 'HotCodeReload.action' })
+
+    const buildId = useCurrentBuild()
+    const previousBuildId = usePrevious<string>(buildId)
+
+    const handleNotificationClose = useCallback(() => {
+        Router.reload()
+    }, [])
+
+    useEffect(() => {
+        if (buildId && previousBuildId && previousBuildId !== buildId) {
+            const btn: React.ReactNode = (
+                <Button
+                    type={'sberDefaultGradient'}
+                    onClick={handleNotificationClose}
+                >
+                    {ButtonLabel}
+                </Button>
+            )
+            notification.success({
+                key: buildId,
+                btn,
+                message: NotificationTitle,
+                description: NotificationMessage,
+                duration: null,
+                closeIcon: React.Fragment,
+            })
+        }
+    }, [buildId, previousBuildId, NotificationTitle, NotificationMessage, ButtonLabel, handleNotificationClose])
+}

apps/condo/domains/common/hooks/useHotUpdate.tsx

@@ -70,8 +70,9 @@
   "example.Email": "name@example.org",
   "example.Name": "Jon Johnson",
   "example.Phone": "+1 (300) 300 22 22",
-  "HotReload.title": "System update!",
-  "HotReload.message": "We have updated the system, so this page will now reload",
+  "HotCodeReload.title": "System update",
+  "HotCodeReload.message": "We've improved some features, but you'll need to reload the page for the changes to take effect",
+  "HotCodeReload.action": "Got it, reload",
   "ExportAsExcel": "Export to Excel",
   "FiltersLabel": "Filters",
   "field.AccountNumberShort": "Account Number",

apps/condo/lang/en/en.json

@@ -70,8 +70,9 @@
   "example.Email": "name@example.org",
   "example.Name": "Иванов Сергей",
   "example.Phone": "+7 (900) 800 22 22",
-  "HotReload.title": "Обновление системы!",
-  "HotReload.message": "Мы обновили систему, поэтому данная страница сейчас перезагрузится",
+  "HotCodeReload.title": "Обновление системы",
+  "HotCodeReload.message": "Мы улучшили некоторые функции, но чтобы изменения заработали — страницу нужно перезагрузить",
+  "HotCodeReload.action": "Понятно, перезагрузить",
   "ExportAsExcel": "Выгрузить в Excel",
   "FiltersLabel": "Фильтры",
   "field.AccountNumberShort": "ЛС",

apps/condo/lang/ru/ru.json

@@ -49,7 +49,7 @@ import JivoSiteWidget from '@condo/domains/common/components/JivoSiteWidget'
 import { TasksContextProvider } from '@condo/domains/common/components/tasks/TasksContextProvider'
 import { useMiniappTaskUIInterface } from '@condo/domains/common/hooks/useMiniappTaskUIInterface'
 import { useTicketExportTaskUIInterface } from '@condo/domains/ticket/hooks/useTicketExportTask'
-import { useHotUpdate } from '@condo/domains/common/hooks/useHotUpdate'
+import { useHotCodeReload } from '@condo/domains/common/hooks/useHotCodeReload'
 import { TASK_STATUS } from '@condo/domains/common/components/tasks'
 import { GlobalAppsContainer } from '../domains/miniapp/components/GlobalApps/GlobalAppsContainer'
 
@@ -151,7 +151,7 @@ const MenuItems: React.FC = () => {
 
 const MyApp = ({ Component, pageProps }) => {
     const intl = useIntl()
-    useHotUpdate()
+    useHotCodeReload()
     dayjs.locale(intl.locale)
 
     const LayoutComponent = Component.container || BaseLayout