From b4706b40ff0bdabbd4250b97e00b5637152b8f59 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Thu, 20 Mar 2025 09:57:14 -0600
Subject: [PATCH] update the toaster

---
 web/src/components/ui/toaster/Toaster.tsx              | 10 ++++++----
 .../BusterNotifications/BusterNotifications.tsx        |  3 +--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/src/components/ui/toaster/Toaster.tsx b/web/src/components/ui/toaster/Toaster.tsx
index a6528d16b..82a13f305 100644
--- a/web/src/components/ui/toaster/Toaster.tsx
+++ b/web/src/components/ui/toaster/Toaster.tsx
@@ -3,7 +3,7 @@
 import React from 'react';
 import { useTheme } from 'next-themes';
 import { Toaster as ToasterSonner } from 'sonner';
-import { CircleCheck, CircleXmark, CircleWarning } from '@/components/ui/icons/NucleoIconOutlined';
+import { CircleCheck, CircleXmark, CircleWarning } from '@/components/ui/icons/NucleoIconFilled';
 
 type ToasterProps = React.ComponentProps<typeof ToasterSonner>;
 
@@ -12,9 +12,10 @@ const Toaster = ({ ...props }: ToasterProps) => {
 
   return (
     <ToasterSonner
-      position="top-center"
-      expand={true}
+      position="bottom-right"
+      expand={false}
       visibleToasts={5}
+      duration={3000}
       icons={{
         success: <CircleCheck />,
         error: <CircleXmark />,
@@ -29,7 +30,8 @@ const Toaster = ({ ...props }: ToasterProps) => {
             'group toast group-[.toaster]:bg-background! border !p-3 group-[.toaster]:text-foreground! group-[.toaster]:border-border! group-[.toaster]:shadow!',
           description: 'group-[.toast]:text-muted-foreground',
           actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
-          cancelButton: 'group-[.toast]:bg-border group-[.toast]:text-foreground'
+          cancelButton: 'group-[.toast]:bg-border group-[.toast]:text-foreground',
+          icon: 'mx-0! !flex !justify-center'
         }
       }}
       {...props}
diff --git a/web/src/context/BusterNotifications/BusterNotifications.tsx b/web/src/context/BusterNotifications/BusterNotifications.tsx
index d3b6e3c19..44b6f1d81 100644
--- a/web/src/context/BusterNotifications/BusterNotifications.tsx
+++ b/web/src/context/BusterNotifications/BusterNotifications.tsx
@@ -27,8 +27,7 @@ const openNotification = (props: NotificationProps) => {
 
   const toastOptions: ExternalToast = {
     ...props,
-    description: !hasTitle && message ? message : message,
-    position: 'top-center'
+    description: !hasTitle && message ? message : message
   };
 
   switch (type) {