From 0f21d39cfd1c703ee3c9ca2d61e24cfac85f0270 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Thu, 4 Jul 2024 17:23:45 +0200
Subject: [PATCH] fix: add toast

---
 frontend/src/screens/settings/Settings.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/screens/settings/Settings.tsx b/frontend/src/screens/settings/Settings.tsx
index 05ffad00..09ae1096 100644
--- a/frontend/src/screens/settings/Settings.tsx
+++ b/frontend/src/screens/settings/Settings.tsx
@@ -13,9 +13,11 @@ import {
   Themes,
   useTheme,
 } from "src/components/ui/theme-provider";
+import { toast } from "src/components/ui/use-toast";
 
 function Settings() {
   const { theme, darkMode, setTheme, setDarkMode } = useTheme();
+
   return (
     <>
       <SettingsHeader
@@ -27,7 +29,10 @@ function Settings() {
           <Label htmlFor="theme">Theme</Label>
           <Select
             value={theme}
-            onValueChange={(value) => setTheme(value as Theme)}
+            onValueChange={(value) => {
+              setTheme(value as Theme);
+              toast({ title: "Theme updated." });
+            }}
           >
             <SelectTrigger className="w-[150px]">
               <SelectValue placeholder="Theme" />
@@ -45,7 +50,10 @@ function Settings() {
           <Label htmlFor="theme">Dark mode</Label>
           <Select
             value={darkMode}
-            onValueChange={(value) => setDarkMode(value as DarkMode)}
+            onValueChange={(value) => {
+              setDarkMode(value as DarkMode);
+              toast({ title: "Dark Mode updated." });
+            }}
           >
             <SelectTrigger className="w-[150px]">
               <SelectValue placeholder="Dark mode" />