feat: removed notification, adjusted alert messages

src/components/App/index.tsx

@@ -28,7 +28,6 @@
 import { colors } from '~/utils/colors'
 import { updateBudget } from '~/utils/setBudget'
 import version from '~/utils/versionHelper'
-import { SuccessNotify } from '../common/SuccessToast'
 import { ModalsContainer } from '../ModalsContainer'
 import { ActionsToolbar } from './ActionsToolbar'
 import { AppBar } from './AppBar'
@@ -161,7 +160,7 @@
 
         queueRef.current = { nodes: [], edges: [] } // Reset the queue
         addNewNode(batchedData) // Call the original addNewNode function with batched data
-      }, 2000) // Adjust delay as necessary
+      }, 3000) // Adjust delay as necessary
     },
     [addNewNode],
   )
@@ -291,7 +290,7 @@
     }
 
     ws.onmessage = (event) => {
       console.log('Message from server:', event.data)
 
       const data = JSON.parse(event.data)
 
@@ -302,11 +301,7 @@
       const message = data?.message?.message
 
       if (message) {
-        SuccessNotify(message)
-
         setRunningProjectMessages(message)
-
-        console.log(message)
       }
 
       // Handle the message from the server here
@@ -317,7 +312,7 @@
     }
 
     ws.onclose = () => {
       console.log('WebSocket connection closed')
     }
   }, [runningProjectId, setRunningProjectMessages])
 

src/components/Stats/Alerts/index.tsx

@@ -66,10 +66,10 @@ const AlertWrapper = styled(Flex).attrs({
 const ContentWrapper = styled(Flex)`
   max-height: 33vh;
   max-width: 30vw;
+  background: ${colors.BG1};
 
   .item {
-    background: ${colors.BG1};
-    padding: 4px 0;
+    padding: 8px 0;
     border-bottom: 1px solid ${colors.black};
     word-break: break-word;
   }