From a284c5ba3ae74c875d36d21dfcc379e6355330c5 Mon Sep 17 00:00:00 2001
From: Jake Robertson <jake@faltro.com>
Date: Mon, 16 Dec 2024 19:45:00 -0800
Subject: [PATCH] minor react warning fixes

---
 src/renderer/components/downloads/DownloadQueue.tsx  |  2 +-
 .../components/settings/SettingsKeybinds.tsx         |  2 +-
 src/renderer/components/settings/SettingsLibrary.tsx | 12 +++++++-----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/downloads/DownloadQueue.tsx b/src/renderer/components/downloads/DownloadQueue.tsx
index ae23e602..206e5ed6 100644
--- a/src/renderer/components/downloads/DownloadQueue.tsx
+++ b/src/renderer/components/downloads/DownloadQueue.tsx
@@ -59,7 +59,7 @@ const DownloadQueue: React.FC = () => {
 
     const value = task.page && task.totalPages ? (task.page / task.totalPages) * 100 : 0;
     return (
-      <Card className="w-full">
+      <Card key={`${task.series.id}-${task.chapter.id}`} className="w-full">
         <CardHeader className="px-4 pt-3 pb-2">
           <CardTitle>
             {task.series.title} - Chapter {task.chapter.chapterNumber}
diff --git a/src/renderer/components/settings/SettingsKeybinds.tsx b/src/renderer/components/settings/SettingsKeybinds.tsx
index f0750f42..3f919555 100644
--- a/src/renderer/components/settings/SettingsKeybinds.tsx
+++ b/src/renderer/components/settings/SettingsKeybinds.tsx
@@ -133,7 +133,7 @@ export const SettingsKeybinds: React.FC = () => {
             setting: ReaderSetting.KeyToggleShowingSidebar,
           },
         ].map((entry) => (
-          <div className="flex space-x-2 items-center">
+          <div key={entry.setting} className="flex space-x-2 items-center">
             <Button
               size="sm"
               className="w-28 justify-center font-semibold"
diff --git a/src/renderer/components/settings/SettingsLibrary.tsx b/src/renderer/components/settings/SettingsLibrary.tsx
index 2ab75c37..35cf91c2 100644
--- a/src/renderer/components/settings/SettingsLibrary.tsx
+++ b/src/renderer/components/settings/SettingsLibrary.tsx
@@ -10,7 +10,6 @@ import {
 } from '@/renderer/state/settingStates';
 import { Checkbox } from '@/ui/components/Checkbox';
 import { Label } from '@/ui/components/Label';
-import { Input } from '@/ui/components/Input';
 import { Button } from '@/ui/components/Button';
 
 const defaultDownloadsDir = await ipcRenderer.invoke(ipcChannels.GET_PATH.DEFAULT_DOWNLOADS_DIR);
@@ -59,9 +58,10 @@ export const SettingsLibrary: React.FC = () => {
       <div className="grid w-full items-center gap-1.5">
         <Label htmlFor="picture">Custom download location</Label>
         <div className="flex w-full items-center space-x-2">
-          <Input
-            className="cursor-pointer"
-            value={customDownloadsDir || defaultDownloadsDir}
+          <Button
+            className="w-full truncate"
+            variant="outline"
+            title={customDownloadsDir || defaultDownloadsDir}
             onClick={() =>
               ipcRenderer
                 .invoke(ipcChannels.APP.SHOW_OPEN_DIALOG, true, [], 'Select Downloads Directory')
@@ -71,7 +71,9 @@ export const SettingsLibrary: React.FC = () => {
                   }
                 })
             }
-          />
+          >
+            {customDownloadsDir || defaultDownloadsDir}
+          </Button>
           {customDownloadsDir && <Button onClick={() => setCustomDownloadsDir('')}>Reset</Button>}
         </div>
       </div>