From 965362cddcb1548dc7d13794b63a937a98c79251 Mon Sep 17 00:00:00 2001
From: Phlogi <phlogi@posteo.de>
Date: Sat, 23 Aug 2025 21:54:43 +0200
Subject: [PATCH] add download icon

---
 spotizerr-ui/src/routes/home.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/spotizerr-ui/src/routes/home.tsx b/spotizerr-ui/src/routes/home.tsx
index 23064c7..1f0cf81 100644
--- a/spotizerr-ui/src/routes/home.tsx
+++ b/spotizerr-ui/src/routes/home.tsx
@@ -9,7 +9,7 @@ import { SearchResultCard } from "@/components/SearchResultCard";
 import { indexRoute } from "@/router";
 import { authApiClient } from "@/lib/api-client";
 import { useSettings } from "@/contexts/settings-context";
-import { FaEye } from "react-icons/fa";
+import { FaEye, FaDownload } from "react-icons/fa";
 
 // Utility function to safely get properties from search results
 const safelyGetProperty = <T,>(obj: any, path: string[], fallback: T): T => {
@@ -365,9 +365,13 @@ export const Home = () => {
             <button
               onClick={handleAddBulkLinks}
               disabled={isBulkAdding}
-              className="px-4 py-2 bg-green-500 text-white rounded-md hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 disabled:opacity-50 disabled:cursor-not-allowed"
+              className="px-4 py-2 bg-green-500 text-white rounded-md hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
             >
-              {isBulkAdding ? "Adding..." : "Download"}
+              {isBulkAdding ? "Adding..." : (
+                <>
+                  <FaDownload className="icon-inverse" /> Download
+                </>
+              )}
             </button>
             {settings?.watch?.enabled && (
               <button