Feat Tauri Notification [Desktop App] [AlwaysOnTop] [UI/UX Chats Page] (

#106)

[+] feat(chat.tsx): add support for pinning and unpinning the app window
[+] feat(chat.tsx): show notification when app window is pinned or unpinned

app/components/chat.tsx

@@ -36,6 +36,7 @@ import AutoIcon from "../icons/auto.svg";
 import BottomIcon from "../icons/bottom.svg";
 import StopIcon from "../icons/pause.svg";
 import RobotIcon from "../icons/robot.svg";
+import ChatGptIcon from "../icons/chatgpt.png";
 import EyeOnIcon from "../icons/eye.svg";
 import EyeOffIcon from "../icons/eye-off.svg";
 import { escapeRegExp } from "lodash";
@@ -691,9 +692,21 @@ function usePinApp() {
   const togglePinApp = async () => {
     if (pinApp) {
       await appWindow.setAlwaysOnTop(false);
+       window.__TAURI__?.notification.sendNotification({
+        title: "ChatGPT Next Web",
+        body: Locale.Chat.Actions.PinAppContent.UnPinned,
+        icon: `${ChatGptIcon.src}`,
+        sound: "Default"
+      });
       showToast(Locale.Chat.Actions.PinAppContent.UnPinned);
     } else {
       await appWindow.setAlwaysOnTop(true);
+      window.__TAURI__?.notification.sendNotification({
+        title: "ChatGPT Next Web",
+        body: Locale.Chat.Actions.PinAppContent.Pinned,
+        icon: `${ChatGptIcon.src}`,
+        sound: "Default"
+      });
       showToast(Locale.Chat.Actions.PinAppContent.Pinned);
     }
     setPinApp(!pinApp);