minor react warning fixes

Author: xgi

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}

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"

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>