refactor: change toast icons

tgdrive · Oct 18, 2024 · f58d270 · f58d270
1 parent 2f3a9fb
commit f58d270
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 17 deletions.
diff --git a/ui/components/list/btsearch.tsx b/ui/components/list/btsearch.tsx
@@ -110,6 +110,16 @@ const ControlDropdown = () => {
         }}
         onAction={onAction}
       >
+        <DropdownItem key="link" startContent={<Icons.ExternalLink />}>
+          <a
+            rel="noopener noreferrer"
+            target="_blank"
+            className="no-underline block"
+            href={item?.link}
+          >
+            Open Link
+          </a>
+        </DropdownItem>
         <DropdownItem key="add" startContent={<Icons.CirclePlus />}>
           Add Torrent
         </DropdownItem>
@@ -129,16 +139,6 @@ const ControlDropdown = () => {
             Open Magnet
           </a>
         </DropdownItem>
-        <DropdownItem key="link" startContent={<Icons.ExternalLink />}>
-          <a
-            rel="noopener noreferrer"
-            target="_blank"
-            className="no-underline block"
-            href={item?.link}
-          >
-            Open Link
-          </a>
-        </DropdownItem>
       </DropdownMenu>
     </Dropdown>
   );

diff --git a/ui/components/list/download.tsx b/ui/components/list/download.tsx
@@ -73,13 +73,10 @@ const DownloadDropdown = () => {
             Play
           </Link>
         </DropdownItem>
-        <DropdownItem
-          download
-          href={item.download}
-          key="download"
-          startContent={<Icons.Download />}
-        >
-          Download
+        <DropdownItem key="download" startContent={<Icons.Download />}>
+          <a rel="noopener noreferrer" className="no-underline block" href={item.download}>
+            Download
+          </a>
         </DropdownItem>
         <DropdownItem key="delete" startContent={<Icons.Delete />}>
           Delete

diff --git a/ui/main.tsx b/ui/main.tsx
@@ -11,6 +11,7 @@ import { Toaster } from "react-hot-toast";
 import { routeTree } from "./route-tree.gen";
 
 import "./styles/globals.css";
+import { Icons } from "./utils/icons";
 
 const router = createRouter({
   routeTree,
@@ -39,6 +40,12 @@ if (!rootElement.innerHTML) {
           position="bottom-right"
           toastOptions={{
             className: "!bg-radial-1 !bg-background !text-foreground shadow-medium min-w-[220px]",
+            success: {
+              icon: <Icons.CheckCircle className="text-success" />,
+            },
+            error: {
+              icon: <Icons.AlertCircleFilled className="text-danger" />,
+            },
           }}
         />
         <RouterProvider router={router} />

diff --git a/ui/utils/icons.ts b/ui/utils/icons.ts
@@ -38,6 +38,7 @@ import IcRoundRefresh from "~icons/ic/round-refresh";
 import TablerCirclePlusFilled from "~icons/tabler/circle-plus-filled";
 import TablerCirclePlus from "~icons/tabler/circle-plus";
 import TablerZoomCheck from "~icons/tabler/zoom-check";
+import TablerAlertCircleFilled from "~icons/tabler/alert-circle-filled";
 
 export const Icons = {
   HomeOutline: TablerHome,
@@ -81,4 +82,5 @@ export const Icons = {
   CirclePlusFilled: TablerCirclePlusFilled,
   CirclePlus: TablerCirclePlus,
   CheckZoom: TablerZoomCheck,
+  AlertCircleFilled: TablerAlertCircleFilled,
 };