fix(notifications): fix toasts timeout, add config values (#313)

Co-authored-by: Overzunov <[email protected]>

.env

@@ -4,4 +4,5 @@ NEXT_PUBLIC_AWS_IDENTITY_POOL_ID=eu-central-1:5887fd21-7b40-4871-a6cb-21097fe079
 NEXT_PUBLIC_GOOGLE_ANALYTICS_KEY=GTM-TRCM9H7
 NEXT_PUBLIC_RELEASE_NOTES=https://github.com/near-daos/astro-ui/releases/latest
 NEXT_PUBLIC_I18_RELOAD_ON_PRERENDER=false
-NEXT_PUBLIC_STATS_API_URL=https://mainnet.api.daostats.io
+NEXT_PUBLIC_STATS_API_URL=https://mainnet.api.daostats.io
+NEXT_PUBLIC_TOASTS_NOTIFICATIONS_TIMEOUT=20000

.env.example

@@ -1,4 +1,5 @@
 NEXT_PUBLIC_API_URL=https://api.dev.app.astrodao.com
 NEXT_PUBLIC_LOCAL_WALLET_REDIRECT=true
 NEXT_PUBLIC_I18_RELOAD_ON_PRERENDER=true
-NEXT_PUBLIC_STATS_API_URL=https://testnet.development.api.daostats.io
+NEXT_PUBLIC_STATS_API_URL=https://testnet.development.api.daostats.io
+NEXT_PUBLIC_TOASTS_NOTIFICATIONS_TIMEOUT=20000

astro_2.0/components/AppHeader/components/NotificationsBell/components/NotificationsToastsContainer/NotificationsToastsContainer.tsx

@@ -1,6 +1,7 @@
 import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import uniqBy from 'lodash/uniqBy';
+import { appConfig } from 'config';
 import { useSwipeable } from 'react-swipeable';
 
 import { useSocket } from 'context/SocketContext';
@@ -40,7 +41,12 @@ export const NotificationsToastsContainer: FC = () => {
       noties.current = noties.current.filter(noty => {
         const { timestamp } = noty;
 
-        return new Date().getTime() - timestamp < 2000000;
+        return (
+          new Date().getTime() - timestamp <
+          (appConfig.toastsNotificationsTimeout
+            ? Number(appConfig.toastsNotificationsTimeout)
+            : 20000)
+        );
       });
       setNotifications(
         noties.current

config/index.ts

@@ -20,4 +20,6 @@ export const appConfig = {
   ),
   statsApiUrl: `${process.env.NEXT_PUBLIC_STATS_API_URL}/api/v1/`,
   socketUrl: process.env.NEXT_PUBLIC_API_URL,
+  toastsNotificationsTimeout:
+    process.env.NEXT_PUBLIC_TOASTS_NOTIFICATIONS_TIMEOUT,
 };