fix(#28): place newest notifications on top

getezy · Dec 6, 2022 · ade02cf · ade02cf
1 parent 9542dc1
commit ade02cf
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/src/app/components/notification/notification-container.tsx b/src/app/components/notification/notification-container.tsx
@@ -6,7 +6,6 @@ import 'react-toastify/dist/ReactToastify.css';
 
 const StyledToastContainer = styled(ToastContainer, {
   position: 'fixed',
-  height: '95vh',
   zIndex: '$max',
   '.Toastify__toast-theme--dark': {
     backgroundColor: '$backgroundContrast !important',
@@ -23,6 +22,7 @@ export const NotificationContainer: React.FC = () => {
       pauseOnFocusLoss
       pauseOnHover
       closeButton={false}
+      newestOnTop
       theme={theme.isDark ? 'dark' : 'light'}
     />
   );

diff --git a/src/app/pages/tabs-container/collection-types/grpc/hooks/use-bidirectional-streaming.ts b/src/app/pages/tabs-container/collection-types/grpc/hooks/use-bidirectional-streaming.ts
@@ -89,7 +89,7 @@ export function useBidirectionalStreaming() {
     } catch (error: any) {
       notification(
         { title: 'Invoke request error', description: error.message },
-        { type: 'error' }
+        { type: 'error', position: 'bottom-right' }
       );
 
       deleteContext(tab.id);
@@ -112,7 +112,10 @@ export function useBidirectionalStreaming() {
         });
       }
     } catch (error: any) {
-      notification({ title: `Send message error`, description: error.message }, { type: 'error' });
+      notification(
+        { title: `Send message error`, description: error.message },
+        { type: 'error', position: 'bottom-right' }
+      );
     }
   }
 

diff --git a/src/app/pages/tabs-container/collection-types/grpc/hooks/use-client-streaming.ts b/src/app/pages/tabs-container/collection-types/grpc/hooks/use-client-streaming.ts
@@ -71,7 +71,7 @@ export function useClientStreaming() {
     } catch (error: any) {
       notification(
         { title: 'Invoke request error', description: error.message },
-        { type: 'error' }
+        { type: 'error', position: 'bottom-right' }
       );
 
       deleteContext(tab.id);
@@ -94,7 +94,10 @@ export function useClientStreaming() {
         });
       }
     } catch (error: any) {
-      notification({ title: `Send message error`, description: error.message }, { type: 'error' });
+      notification(
+        { title: `Send message error`, description: error.message },
+        { type: 'error', position: 'bottom-right' }
+      );
     }
   }
 

diff --git a/src/app/pages/tabs-container/collection-types/grpc/hooks/use-unary-call.ts b/src/app/pages/tabs-container/collection-types/grpc/hooks/use-unary-call.ts
@@ -52,7 +52,7 @@ export function useUnaryCall() {
     } catch (error: any) {
       notification(
         { title: 'Invoke request error', description: error.message },
-        { type: 'error' }
+        { type: 'error', position: 'bottom-right' }
       );
     } finally {
       deleteContext(tab.id);

diff --git a/src/app/storage/collections.storage.ts b/src/app/storage/collections.storage.ts
@@ -100,7 +100,7 @@ export const useCollectionsStore = create(
                   title: `${collection.name}`,
                   description: 'Collection successfully updated',
                 },
-                { type: 'success' }
+                { type: 'success', position: 'top-right' }
               );
             }
           } catch (error: any) {
@@ -110,7 +110,7 @@ export const useCollectionsStore = create(
                 title: `${collection.name} sync error`,
                 description: error?.message,
               },
-              { type: 'error' }
+              { type: 'error', position: 'top-right' }
             );
           }
         }