From 09f81c99c091b1962a2a43e913cb65336244f3e2 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Wed, 26 Feb 2025 19:52:07 -0700
Subject: [PATCH] update toaster naming

---
 .../{AppToaster.stories.tsx => Toaster.stories.tsx}    |  0
 .../ui/toaster/{AppToaster.tsx => Toaster.tsx}         | 10 +++++-----
 web/src/components/ui/toaster/index.ts                 |  2 +-
 web/src/context/BusterStyles/BusterStyles.tsx          |  4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)
 rename web/src/components/ui/toaster/{AppToaster.stories.tsx => Toaster.stories.tsx} (100%)
 rename web/src/components/ui/toaster/{AppToaster.tsx => Toaster.tsx} (82%)

diff --git a/web/src/components/ui/toaster/AppToaster.stories.tsx b/web/src/components/ui/toaster/Toaster.stories.tsx
similarity index 100%
rename from web/src/components/ui/toaster/AppToaster.stories.tsx
rename to web/src/components/ui/toaster/Toaster.stories.tsx
diff --git a/web/src/components/ui/toaster/AppToaster.tsx b/web/src/components/ui/toaster/Toaster.tsx
similarity index 82%
rename from web/src/components/ui/toaster/AppToaster.tsx
rename to web/src/components/ui/toaster/Toaster.tsx
index a07462341..7974d333d 100644
--- a/web/src/components/ui/toaster/AppToaster.tsx
+++ b/web/src/components/ui/toaster/Toaster.tsx
@@ -2,16 +2,16 @@
 
 import React from 'react';
 import { useTheme } from 'next-themes';
-import { Toaster } from 'sonner';
+import { Toaster as ToasterSonner } from 'sonner';
 import { CircleCheck } from '@/components/ui/icons';
 
-type ToasterProps = React.ComponentProps<typeof Toaster>;
+type ToasterProps = React.ComponentProps<typeof ToasterSonner>;
 
-const AppToaster = ({ ...props }: ToasterProps) => {
+const Toaster = ({ ...props }: ToasterProps) => {
   const { theme = 'system' } = useTheme();
 
   return (
-    <Toaster
+    <ToasterSonner
       position="top-center"
       expand={true}
       visibleToasts={5}
@@ -35,4 +35,4 @@ const AppToaster = ({ ...props }: ToasterProps) => {
   );
 };
 
-export { AppToaster };
+export { Toaster };
diff --git a/web/src/components/ui/toaster/index.ts b/web/src/components/ui/toaster/index.ts
index fed0843ba..b4ded5960 100644
--- a/web/src/components/ui/toaster/index.ts
+++ b/web/src/components/ui/toaster/index.ts
@@ -1 +1 @@
-export * from './AppToaster';
+export * from './Toaster';
diff --git a/web/src/context/BusterStyles/BusterStyles.tsx b/web/src/context/BusterStyles/BusterStyles.tsx
index b432e50e9..761f3908a 100644
--- a/web/src/context/BusterStyles/BusterStyles.tsx
+++ b/web/src/context/BusterStyles/BusterStyles.tsx
@@ -9,7 +9,7 @@ import {
   createContext,
   ContextSelector
 } from '@fluentui/react-context-selector';
-import { AppToaster } from '@/components/ui/toaster';
+import { Toaster } from '@/components/ui/toaster';
 
 export const ENABLE_DARK_MODE = false;
 
@@ -34,7 +34,7 @@ export const BusterStyleProvider: React.FC<PropsWithChildren<{}>> = ({ children
       disableTransitionOnChange>
       <BaseBusterStyleProvider>
         {children}
-        <AppToaster />
+        <Toaster />
       </BaseBusterStyleProvider>
     </NextThemeProvider>
   );