Add success and attached toast types

UdaraJay · Nov 12, 2023 · e9bc8bf · e9bc8bf
1 parent a6715b8
commit e9bc8bf
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/renderer/pages/Pile/Toasts/Toast/Toast.module.scss b/src/renderer/pages/Pile/Toasts/Toast/Toast.module.scss
@@ -21,4 +21,12 @@
     &.thinking {
         color: var(--active);
     }
+
+    &.success {
+        color: var(--base);
+    }
+
+    &.attached {
+        color: var(--base);
+    }
 }
diff --git a/src/renderer/pages/Pile/Toasts/Toast/index.jsx b/src/renderer/pages/Pile/Toasts/Toast/index.jsx
@@ -5,6 +5,7 @@ import Logo from 'renderer/pages/Home/logo';
 import Thinking from './Loaders/Thinking';
 import Waiting from './Loaders/Waiting';
 import Info from './Loaders/Info';
+import { PaperclipIcon, SmileIcon } from 'renderer/icons';
 
 export default function Toast({ notification }) {
   const renderIcon = (type) => {
@@ -13,6 +14,10 @@ export default function Toast({ notification }) {
         return <Thinking className={styles.icon} />;
       case 'waiting':
         return <Waiting className={styles.icon} />;
+      case 'success':
+        return null;
+      case 'attached':
+        return <PaperclipIcon className={styles.icon} />;
       default:
         return <Info className={styles.icon} />;
     }

diff --git a/src/renderer/pages/Pile/Toasts/index.jsx b/src/renderer/pages/Pile/Toasts/index.jsx
@@ -19,9 +19,7 @@ export default function Toasts() {
 
   return (
     <div className={styles.container}>
-      <AnimatePresence initial={false} mode={'wait'}>
-        {renderNotifications()}
-      </AnimatePresence>
+      <AnimatePresence mode={'wait'}>{renderNotifications()}</AnimatePresence>
     </div>
   );
 }