From 79a9644a39a1fea1f2ef65e42b4a3e17a10934ba Mon Sep 17 00:00:00 2001
From: Florent Benoit <fbenoit@redhat.com>
Date: Fri, 16 Jun 2023 09:06:53 +0200
Subject: [PATCH] chore: fix @typescript-eslint/no-unused-vars rule

allow the usage of _ prefix to ignore the pattern

Signed-off-by: Florent Benoit <fbenoit@redhat.com>
---
 .eslintrc.json                                |  2 +-
 packages/renderer/.eslintrc.json              |  1 -
 packages/renderer/src/App.svelte              | 15 --------
 .../renderer/src/PreferencesNavigation.svelte |  6 +--
 .../renderer/src/lib/ContainerList.svelte     |  4 --
 .../src/lib/container/ContainerActions.svelte | 38 +++++++++----------
 .../lib/container/ContainerDetailsLogs.svelte |  2 +-
 .../lib/dashboard/ProviderConfiguring.svelte  | 12 +-----
 .../lib/dashboard/ProviderInstalled.svelte    |  2 +-
 .../src/lib/dashboard/ProviderStarting.svelte |  2 +-
 .../src/lib/dashboard/ProviderWarnings.svelte |  1 -
 .../docker-extension/DockerExtension.svelte   |  2 +-
 packages/renderer/src/lib/engine/Prune.svelte |  1 -
 .../featured/FeaturedExtensionDownload.svelte |  3 +-
 .../lib/featured/FeaturedExtensions.svelte    |  2 +-
 .../src/lib/image/PushImageModal.svelte       |  6 ---
 .../renderer/src/lib/images/StatusIcon.svelte |  1 -
 .../renderer/src/lib/kube/KubePlayYAML.svelte |  2 +-
 .../src/lib/pod/PodDetailsLogs.svelte         |  2 +-
 packages/renderer/src/lib/pod/PodsList.svelte |  2 -
 ...ferencesConnectionCreationRendering.svelte |  2 +-
 ...erencesContainerConnectionRendering.svelte |  4 +-
 .../PreferencesExtensionRendering.svelte      |  2 +-
 .../PreferencesInstallExtensionFromId.svelte  |  2 +-
 ...rencesKubernetesConnectionRendering.svelte |  4 +-
 .../lib/preferences/PreferencesPage.svelte    |  2 +-
 .../PreferencesProviderRendering.svelte       |  7 +---
 .../preferences/PreferencesRendering.svelte   |  2 +-
 .../PreferencesRenderingItemFormat.svelte     |  6 +--
 .../PreferencesResourcesRendering.svelte      |  2 +-
 .../src/lib/task-manager/TaskManager.svelte   | 11 +-----
 .../lib/task-manager/TaskManagerItem.svelte   |  3 +-
 .../renderer/src/lib/ui/EmptyScreen.svelte    |  2 +-
 .../renderer/src/lib/ui/ErrorMessage.svelte   |  2 +-
 .../renderer/src/lib/ui/WarningMessage.svelte |  7 +---
 .../src/lib/volume/VolumeActions.svelte       |  2 +-
 36 files changed, 50 insertions(+), 116 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 82f05d290df..be4d5786247 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -59,7 +59,7 @@
     "**/dist/**"
   ],
   "rules": {
-    "@typescript-eslint/no-unused-vars": "error",
+    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
     "@typescript-eslint/no-var-requires": "off",
     "@typescript-eslint/consistent-type-imports": "error",
     "@typescript-eslint/no-explicit-any": "error",
diff --git a/packages/renderer/.eslintrc.json b/packages/renderer/.eslintrc.json
index 9c61823f6cd..c1cd04d7d0c 100644
--- a/packages/renderer/.eslintrc.json
+++ b/packages/renderer/.eslintrc.json
@@ -13,7 +13,6 @@
     "@typescript-eslint/no-empty-function": "off",
     "no-undef": "off",
     "sonarjs/no-collapsible-if": "off",
-    "@typescript-eslint/no-unused-vars": "off",
     "@typescript-eslint/prefer-optional-chain": "off",
     "svelte/no-at-html-tags": "off",
     "no-useless-escape": "off",
diff --git a/packages/renderer/src/App.svelte b/packages/renderer/src/App.svelte
index 93013d3f459..3d49e6e1a8b 100644
--- a/packages/renderer/src/App.svelte
+++ b/packages/renderer/src/App.svelte
@@ -8,7 +8,6 @@ import { router } from 'tinro';
 
 import Route from './Route.svelte';
 import ContainerList from './lib/ContainerList.svelte';
-import { onMount } from 'svelte';
 import ImagesList from './lib/ImagesList.svelte';
 import ProviderList from './lib/ProviderList.svelte';
 import PreferencesPage from './lib/preferences/PreferencesPage.svelte';
@@ -16,8 +15,6 @@ import BuildImageFromContainerfile from './lib/image/BuildImageFromContainerfile
 import PullImage from './lib/image/PullImage.svelte';
 import DockerExtension from './lib/docker-extension/DockerExtension.svelte';
 import ContainerDetails from './lib/container/ContainerDetails.svelte';
-import { providerInfos } from './stores/providers';
-import type { ProviderInfo } from '../../main/src/plugin/api/provider-info';
 import WelcomePage from './lib/welcome/WelcomePage.svelte';
 import DashboardPage from './lib/dashboard/DashboardPage.svelte';
 import HelpPage from './lib/help/HelpPage.svelte';
@@ -50,18 +47,6 @@ router.subscribe(function (navigation) {
   }
 });
 
-let providers: ProviderInfo[] = [];
-$: providerConnections = providers
-  .map(provider => provider.containerConnections)
-  .flat()
-  .filter(providerContainerConnection => providerContainerConnection.status === 'started');
-
-onMount(() => {
-  providerInfos.subscribe(value => {
-    providers = value;
-  });
-});
-
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 window.events?.receive('display-help', () => {
diff --git a/packages/renderer/src/PreferencesNavigation.svelte b/packages/renderer/src/PreferencesNavigation.svelte
index b022285e473..258efe3f5ed 100644
--- a/packages/renderer/src/PreferencesNavigation.svelte
+++ b/packages/renderer/src/PreferencesNavigation.svelte
@@ -6,9 +6,8 @@ import { CONFIGURATION_DEFAULT_SCOPE } from '../../main/src/plugin/configuration
 
 export let meta;
 
-let extensions, configProperties: Map<string, { id: string; title: string }>;
+let configProperties: Map<string, { id: string; title: string }>;
 
-$: extensions = [];
 $: configProperties = new Map();
 $: sectionExpanded = {};
 
@@ -17,9 +16,6 @@ function toggleSection(provider: string) {
 }
 
 onMount(async () => {
-  extensionInfos.subscribe(value => {
-    extensions = value;
-  });
   configurationProperties.subscribe(value => {
     configProperties = value
       .filter(property => property.scope === CONFIGURATION_DEFAULT_SCOPE)
diff --git a/packages/renderer/src/lib/ContainerList.svelte b/packages/renderer/src/lib/ContainerList.svelte
index 16a4cecdc37..e8021c48ec2 100644
--- a/packages/renderer/src/lib/ContainerList.svelte
+++ b/packages/renderer/src/lib/ContainerList.svelte
@@ -279,10 +279,6 @@ function toggleCreateContainer(): void {
   openChoiceModal = !openChoiceModal;
 }
 
-function runContainerYaml(): void {
-  router.goto('/containers/play');
-}
-
 function fromDockerfile(): void {
   openChoiceModal = false;
   router.goto('/images/build');
diff --git a/packages/renderer/src/lib/container/ContainerActions.svelte b/packages/renderer/src/lib/container/ContainerActions.svelte
index 3697cb54a36..9a2d9007d33 100644
--- a/packages/renderer/src/lib/container/ContainerActions.svelte
+++ b/packages/renderer/src/lib/container/ContainerActions.svelte
@@ -23,10 +23,10 @@ export let detailed = false;
 export let inProgressCallback: (inProgress: boolean, state?: string) => void = () => {};
 export let errorCallback: (erroMessage: string) => void = () => {};
 
-async function startContainer(containerInfo: ContainerInfoUI) {
+async function startContainer() {
   inProgressCallback(true, 'STARTING');
   try {
-    await window.startContainer(containerInfo.engineId, containerInfo.id);
+    await window.startContainer(container.engineId, container.id);
   } catch (error) {
     errorCallback(error);
   } finally {
@@ -34,10 +34,10 @@ async function startContainer(containerInfo: ContainerInfoUI) {
   }
 }
 
-async function restartContainer(containerInfo: ContainerInfoUI) {
+async function restartContainer() {
   inProgressCallback(true, 'RESTARTING');
   try {
-    await window.restartContainer(containerInfo.engineId, containerInfo.id);
+    await window.restartContainer(container.engineId, container.id);
   } catch (error) {
     errorCallback(error);
   } finally {
@@ -45,10 +45,10 @@ async function restartContainer(containerInfo: ContainerInfoUI) {
   }
 }
 
-async function stopContainer(containerInfo: ContainerInfoUI) {
+async function stopContainer() {
   inProgressCallback(true, 'STOPPING');
   try {
-    await window.stopContainer(containerInfo.engineId, containerInfo.id);
+    await window.stopContainer(container.engineId, container.id);
   } catch (error) {
     errorCallback(error);
   } finally {
@@ -56,18 +56,18 @@ async function stopContainer(containerInfo: ContainerInfoUI) {
   }
 }
 
-function openBrowser(containerInfo: ContainerInfoUI): void {
-  window.openExternal(containerInfo.openingUrl);
+function openBrowser(): void {
+  window.openExternal(container.openingUrl);
 }
 
-function openLogs(containerInfo: ContainerInfoUI): void {
+function openLogs(): void {
   router.goto(`/containers/${container.id}/logs`);
 }
 
-async function deleteContainer(containerInfo: ContainerInfoUI): Promise<void> {
+async function deleteContainer(): Promise<void> {
   inProgressCallback(true, 'DELETING');
   try {
-    await window.deleteContainer(containerInfo.engineId, containerInfo.id);
+    await window.deleteContainer(container.engineId, container.id);
     router.goto('/containers/');
   } catch (error) {
     errorCallback(error);
@@ -76,7 +76,7 @@ async function deleteContainer(containerInfo: ContainerInfoUI): Promise<void> {
   }
 }
 
-function openTerminalContainer(containerInfo: ContainerInfoUI): void {
+function openTerminalContainer(): void {
   router.goto(`/containers/${container.id}/terminal`);
 }
 
@@ -100,7 +100,7 @@ if (dropdownMenu) {
 
 <ListItemButtonIcon
   title="Start Container"
-  onClick="{() => startContainer(container)}"
+  onClick="{() => startContainer()}"
   hidden="{container.state === 'RUNNING' || container.state === 'STOPPING'}"
   detailed="{detailed}"
   inProgress="{container.actionInProgress && container.state === 'STARTING'}"
@@ -109,7 +109,7 @@ if (dropdownMenu) {
 
 <ListItemButtonIcon
   title="Stop Container"
-  onClick="{() => stopContainer(container)}"
+  onClick="{() => stopContainer()}"
   hidden="{!(container.state === 'RUNNING' || container.state === 'STOPPING')}"
   detailed="{detailed}"
   inProgress="{container.actionInProgress && container.state === 'STOPPING'}"
@@ -117,7 +117,7 @@ if (dropdownMenu) {
 
 <ListItemButtonIcon
   title="Delete Container"
-  onClick="{() => deleteContainer(container)}"
+  onClick="{() => deleteContainer()}"
   icon="{faTrash}"
   detailed="{detailed}"
   inProgress="{container.actionInProgress && container.state === 'DELETING'}" />
@@ -127,7 +127,7 @@ if (dropdownMenu) {
   {#if !detailed}
     <ListItemButtonIcon
       title="Open Logs"
-      onClick="{() => openLogs(container)}"
+      onClick="{() => openLogs()}"
       menu="{dropdownMenu}"
       detailed="{false}"
       icon="{faAlignLeft}" />
@@ -150,7 +150,7 @@ if (dropdownMenu) {
     icon="{faRocket}" />
   <ListItemButtonIcon
     title="Open Browser"
-    onClick="{() => openBrowser(container)}"
+    onClick="{() => openBrowser()}"
     menu="{dropdownMenu}"
     enabled="{container.state === 'RUNNING' && container.hasPublicPort}"
     hidden="{dropdownMenu && container.state !== 'RUNNING'}"
@@ -159,7 +159,7 @@ if (dropdownMenu) {
   {#if !detailed}
     <ListItemButtonIcon
       title="Open Terminal"
-      onClick="{() => openTerminalContainer(container)}"
+      onClick="{() => openTerminalContainer()}"
       menu="{dropdownMenu}"
       hidden="{!(container.state === 'RUNNING')}"
       detailed="{false}"
@@ -167,7 +167,7 @@ if (dropdownMenu) {
   {/if}
   <ListItemButtonIcon
     title="Restart Container"
-    onClick="{() => restartContainer(container)}"
+    onClick="{() => restartContainer()}"
     menu="{dropdownMenu}"
     detailed="{detailed}"
     icon="{faArrowsRotate}" />
diff --git a/packages/renderer/src/lib/container/ContainerDetailsLogs.svelte b/packages/renderer/src/lib/container/ContainerDetailsLogs.svelte
index b99908ca991..75566e8bff7 100644
--- a/packages/renderer/src/lib/container/ContainerDetailsLogs.svelte
+++ b/packages/renderer/src/lib/container/ContainerDetailsLogs.svelte
@@ -104,7 +104,7 @@ onMount(async () => {
   await refreshTerminal();
   fetchContainerLogs();
   // Resize the terminal each time we change the div size
-  resizeObserver = new ResizeObserver(entries => {
+  resizeObserver = new ResizeObserver(() => {
     termFit?.fit();
   });
 
diff --git a/packages/renderer/src/lib/dashboard/ProviderConfiguring.svelte b/packages/renderer/src/lib/dashboard/ProviderConfiguring.svelte
index 6477e6591ba..6fc90c1f59d 100644
--- a/packages/renderer/src/lib/dashboard/ProviderConfiguring.svelte
+++ b/packages/renderer/src/lib/dashboard/ProviderConfiguring.svelte
@@ -29,16 +29,6 @@ let logsTerminal;
 let resizeObserver: ResizeObserver;
 let termFit: FitAddon;
 
-async function initializeProvider() {
-  initializeError = undefined;
-  logsTerminal.clear();
-  initializationContext.promise?.catch((error: unknown) => {
-    initializeError = String(error);
-    logsTerminal.write(error + '\r');
-    console.error('Error while initializing the provider', error);
-  });
-}
-
 async function refreshTerminal() {
   // missing element, return
   if (!logsXtermDiv) {
@@ -81,7 +71,7 @@ onMount(async () => {
   refreshTerminal();
 
   // Resize the terminal each time we change the div size
-  resizeObserver = new ResizeObserver(entries => {
+  resizeObserver = new ResizeObserver(() => {
     termFit?.fit();
   });
 
diff --git a/packages/renderer/src/lib/dashboard/ProviderInstalled.svelte b/packages/renderer/src/lib/dashboard/ProviderInstalled.svelte
index b6223624c3b..a85f22e2adb 100644
--- a/packages/renderer/src/lib/dashboard/ProviderInstalled.svelte
+++ b/packages/renderer/src/lib/dashboard/ProviderInstalled.svelte
@@ -100,7 +100,7 @@ onMount(async () => {
   refreshTerminal();
 
   // Resize the terminal each time we change the div size
-  resizeObserver = new ResizeObserver(entries => {
+  resizeObserver = new ResizeObserver(() => {
     termFit?.fit();
   });
 
diff --git a/packages/renderer/src/lib/dashboard/ProviderStarting.svelte b/packages/renderer/src/lib/dashboard/ProviderStarting.svelte
index 1fc401475ce..91e09ab79ad 100644
--- a/packages/renderer/src/lib/dashboard/ProviderStarting.svelte
+++ b/packages/renderer/src/lib/dashboard/ProviderStarting.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { CheckStatus, ProviderInfo } from '../../../../main/src/plugin/api/provider-info';
+import type { ProviderInfo } from '../../../../main/src/plugin/api/provider-info';
 import ProviderLinks from './ProviderLinks.svelte';
 import ProviderLogo from './ProviderLogo.svelte';
 
diff --git a/packages/renderer/src/lib/dashboard/ProviderWarnings.svelte b/packages/renderer/src/lib/dashboard/ProviderWarnings.svelte
index 6abb6ab04eb..896993d4982 100644
--- a/packages/renderer/src/lib/dashboard/ProviderWarnings.svelte
+++ b/packages/renderer/src/lib/dashboard/ProviderWarnings.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { ProviderInfo } from '../../../../main/src/plugin/api/provider-info';
-import type * as extensionApi from '@podman-desktop/api';
 import { providerInfos } from '../../stores/providers';
 
 export let provider: ProviderInfo;
diff --git a/packages/renderer/src/lib/docker-extension/DockerExtension.svelte b/packages/renderer/src/lib/docker-extension/DockerExtension.svelte
index 4232f31f23e..46c0f1f7e4a 100644
--- a/packages/renderer/src/lib/docker-extension/DockerExtension.svelte
+++ b/packages/renderer/src/lib/docker-extension/DockerExtension.svelte
@@ -38,7 +38,7 @@ window.events?.receive('dev-tools:open-extension', extensionId => {
 </script>
 
 {#if source && preloadPath}
-  <Route path="/*" breadcrumb="{name}" let:meta>
+  <Route path="/*" breadcrumb="{name}">
     <webview
       id="dd-webview-{webviewId}"
       src="{source}?extensionName={currentContrib.extensionId}&arch={arch}&hostname={hostname}&platform={platform}"
diff --git a/packages/renderer/src/lib/engine/Prune.svelte b/packages/renderer/src/lib/engine/Prune.svelte
index 8fd91466b6e..64d3bb4cbe5 100644
--- a/packages/renderer/src/lib/engine/Prune.svelte
+++ b/packages/renderer/src/lib/engine/Prune.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { EngineInfoUI } from './EngineInfoUI';
-import type { MessageBoxReturnValue } from '../../../../main/src/plugin/message-box';
 
 // Imported type for prune (containers, images, pods, volumes)
 export let type: string;
diff --git a/packages/renderer/src/lib/featured/FeaturedExtensionDownload.svelte b/packages/renderer/src/lib/featured/FeaturedExtensionDownload.svelte
index 8c773bc8256..99ccfb7da2c 100644
--- a/packages/renderer/src/lib/featured/FeaturedExtensionDownload.svelte
+++ b/packages/renderer/src/lib/featured/FeaturedExtensionDownload.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import type { FeaturedExtension } from '../../../../main/src/plugin/featured/featured-api';
-import { faCheckCircle, faDownload } from '@fortawesome/free-solid-svg-icons';
-import Fa from 'svelte-fa/src/fa.svelte';
+import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import LoadingIcon from '../ui/LoadingIcon.svelte';
 import ErrorMessage from '../ui/ErrorMessage.svelte';
 
diff --git a/packages/renderer/src/lib/featured/FeaturedExtensions.svelte b/packages/renderer/src/lib/featured/FeaturedExtensions.svelte
index a7f8da61c22..be1eb582539 100644
--- a/packages/renderer/src/lib/featured/FeaturedExtensions.svelte
+++ b/packages/renderer/src/lib/featured/FeaturedExtensions.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { featuredExtensionInfos } from '/@/stores/featuredExtensions';
-import { faCheckCircle, faCircleXmark, faDownload } from '@fortawesome/free-solid-svg-icons';
+import { faCheckCircle, faCircleXmark } from '@fortawesome/free-solid-svg-icons';
 import Fa from 'svelte-fa/src/fa.svelte';
 import FeaturedExtensionDownload from './FeaturedExtensionDownload.svelte';
 </script>
diff --git a/packages/renderer/src/lib/image/PushImageModal.svelte b/packages/renderer/src/lib/image/PushImageModal.svelte
index 769f98ba788..7285d0644ee 100644
--- a/packages/renderer/src/lib/image/PushImageModal.svelte
+++ b/packages/renderer/src/lib/image/PushImageModal.svelte
@@ -10,12 +10,6 @@ import type { ImageInfoUI } from './ImageInfoUI';
 export let closeCallback: () => void;
 export let imageInfoToPush: ImageInfoUI;
 
-function keydownDockerfileChoice(e: KeyboardEvent) {
-  e.stopPropagation();
-  if (e.key === 'Escape') {
-    closeCallback();
-  }
-}
 let pushInProgress = false;
 let pushFinished = false;
 let logsPush;
diff --git a/packages/renderer/src/lib/images/StatusIcon.svelte b/packages/renderer/src/lib/images/StatusIcon.svelte
index 968d7d5a403..7c3fe42830c 100644
--- a/packages/renderer/src/lib/images/StatusIcon.svelte
+++ b/packages/renderer/src/lib/images/StatusIcon.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import StarIcon from './StarIcon.svelte';
-import { SvelteComponent } from 'svelte';
 
 // status: one of RUNNING, STARTING, USED, CREATED, or DEGRADED
 // any other status will result in a standard outlined box
diff --git a/packages/renderer/src/lib/kube/KubePlayYAML.svelte b/packages/renderer/src/lib/kube/KubePlayYAML.svelte
index 138ea3cce22..5e483010b08 100644
--- a/packages/renderer/src/lib/kube/KubePlayYAML.svelte
+++ b/packages/renderer/src/lib/kube/KubePlayYAML.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { onMount, tick, onDestroy } from 'svelte';
+import { onMount, onDestroy } from 'svelte';
 import type { Unsubscriber } from 'svelte/store';
 import type { ProviderContainerConnectionInfo, ProviderInfo } from '../../../../main/src/plugin/api/provider-info';
 let providerUnsubscribe: Unsubscriber;
diff --git a/packages/renderer/src/lib/pod/PodDetailsLogs.svelte b/packages/renderer/src/lib/pod/PodDetailsLogs.svelte
index c91807b7163..1a8dbb4abf3 100644
--- a/packages/renderer/src/lib/pod/PodDetailsLogs.svelte
+++ b/packages/renderer/src/lib/pod/PodDetailsLogs.svelte
@@ -164,7 +164,7 @@ onMount(async () => {
   fetchPodLogs();
 
   // Resize the terminal each time we change the div size
-  resizeObserver = new ResizeObserver(entries => {
+  resizeObserver = new ResizeObserver(() => {
     termFit?.fit();
   });
 
diff --git a/packages/renderer/src/lib/pod/PodsList.svelte b/packages/renderer/src/lib/pod/PodsList.svelte
index 70d03309350..f9b532cec22 100644
--- a/packages/renderer/src/lib/pod/PodsList.svelte
+++ b/packages/renderer/src/lib/pod/PodsList.svelte
@@ -17,8 +17,6 @@ import PodActions from './PodActions.svelte';
 import KubePlayButton from '../kube/KubePlayButton.svelte';
 import moment from 'moment';
 import Tooltip from '../ui/Tooltip.svelte';
-import Fa from 'svelte-fa/src/fa.svelte';
-import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
 import Prune from '../engine/Prune.svelte';
 import type { EngineInfoUI } from '../engine/EngineInfoUI';
 import ErrorMessage from '../ui/ErrorMessage.svelte';
diff --git a/packages/renderer/src/lib/preferences/PreferencesConnectionCreationRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesConnectionCreationRendering.svelte
index 32926bd34df..fdb6646a3be 100644
--- a/packages/renderer/src/lib/preferences/PreferencesConnectionCreationRendering.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesConnectionCreationRendering.svelte
@@ -133,7 +133,7 @@ onDestroy(() => {
   }
 });
 
-function handleInvalidComponent(_error: string) {
+function handleInvalidComponent() {
   isValid = false;
 }
 
diff --git a/packages/renderer/src/lib/preferences/PreferencesContainerConnectionRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesContainerConnectionRendering.svelte
index b2bdf145a85..b59da008baf 100644
--- a/packages/renderer/src/lib/preferences/PreferencesContainerConnectionRendering.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesContainerConnectionRendering.svelte
@@ -4,7 +4,7 @@ import type { IConfigurationPropertyRecordedSchema } from '../../../../main/src/
 import { Buffer } from 'buffer';
 import type { ContainerProviderConnection } from '@podman-desktop/api';
 import { providerInfos } from '../../stores/providers';
-import { beforeUpdate, onMount } from 'svelte';
+import { onMount } from 'svelte';
 import type { ProviderContainerConnectionInfo, ProviderInfo } from '../../../../main/src/plugin/api/provider-info';
 import { router } from 'tinro';
 import Modal from '../dialogs/Modal.svelte';
@@ -167,7 +167,7 @@ async function stopReceivingLogs(provider: ProviderInfo): Promise<void> {
 }
 </script>
 
-<Route path="/*" breadcrumb="{connectionName} Settings" let:meta>
+<Route path="/*" breadcrumb="{connectionName} Settings">
   <div class="flex flex-1 flex-col bg-charcoal-600 px-2">
     <div class="flex flex-row align-middle my-4">
       <div class="capitalize text-xl">{connectionName} settings</div>
diff --git a/packages/renderer/src/lib/preferences/PreferencesExtensionRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesExtensionRendering.svelte
index a5f8becda3f..e91a50f924b 100644
--- a/packages/renderer/src/lib/preferences/PreferencesExtensionRendering.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesExtensionRendering.svelte
@@ -28,7 +28,7 @@ async function removeExtension() {
   </span>
   <div class="bg-charcoal-600 mt-5 rounded-md p-3">
     {#if extensionInfo}
-      <Route path="/*" breadcrumb="{extensionInfo.displayName}" let:meta>
+      <Route path="/*" breadcrumb="{extensionInfo.displayName}">
         <!-- Manage lifecycle-->
         <div class="flex pb-2">
           <div class="pr-2">Status</div>
diff --git a/packages/renderer/src/lib/preferences/PreferencesInstallExtensionFromId.svelte b/packages/renderer/src/lib/preferences/PreferencesInstallExtensionFromId.svelte
index 9607cc1c89a..80db1b46b1b 100644
--- a/packages/renderer/src/lib/preferences/PreferencesInstallExtensionFromId.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesInstallExtensionFromId.svelte
@@ -51,7 +51,7 @@ $: latestVersionNumber = latestVersion ? `v${latestVersion.version}` : '';
 $: latestVersionOciLink = latestVersion ? latestVersion.ociUri : undefined;
 $: latestVersionIcon = latestVersion ? latestVersion.files.find(f => f.assetType === 'icon')?.data : undefined;
 $: latestVersionReadme = latestVersion ? latestVersion.files.find(f => f.assetType === 'README')?.data : undefined;
-$: latestVersionReadmeContent = fetchReadmeContent(latestVersionReadme);
+$: fetchReadmeContent(latestVersionReadme);
 $: isInstalled = installedExtensions.find(e => e.id === extensionId) !== undefined;
 
 let installInProgress = false;
diff --git a/packages/renderer/src/lib/preferences/PreferencesKubernetesConnectionRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesKubernetesConnectionRendering.svelte
index 654032d718b..9f4b55fb0ce 100644
--- a/packages/renderer/src/lib/preferences/PreferencesKubernetesConnectionRendering.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesKubernetesConnectionRendering.svelte
@@ -105,12 +105,12 @@ let showModal: ProviderInfo = undefined;
 
 let logsTerminal: Terminal;
 
-async function stopReceivingLogs(provider: ProviderInfo): Promise<void> {
+async function stopReceivingLogs(_provider: ProviderInfo): Promise<void> {
   // await window.stopReceiveLogs(provider.internalId, kubernetesConnectionInfo);
 }
 </script>
 
-<Route path="/*" breadcrumb="{connectionName} Settings" let:meta>
+<Route path="/*" breadcrumb="{connectionName} Settings">
   <div class="flex flex-1 flex-col bg-charcoal-600 px-2">
     <div class="flex flex-row align-middle my-4">
       <div class="capitalize text-xl">{connectionName}</div>
diff --git a/packages/renderer/src/lib/preferences/PreferencesPage.svelte b/packages/renderer/src/lib/preferences/PreferencesPage.svelte
index fdfafde18aa..3583f092ad8 100644
--- a/packages/renderer/src/lib/preferences/PreferencesPage.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesPage.svelte
@@ -47,7 +47,7 @@ onMount(async () => {
   <Route path="/default/:key/*" breadcrumb="Preferences" let:meta>
     <PreferencesRendering key="{meta.params.key}" properties="{properties}" />
   </Route>
-  <Route path="/ddExtensions" breadcrumb="Docker Desktop Extensions" let:meta>
+  <Route path="/ddExtensions" breadcrumb="Docker Desktop Extensions">
     <PreferencesPageDockerExtensions />
   </Route>
   <Route path="/extension/:extensionId/*" breadcrumb="Extensions" let:meta>
diff --git a/packages/renderer/src/lib/preferences/PreferencesProviderRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesProviderRendering.svelte
index 117ce2a6f5f..587f6d9538c 100644
--- a/packages/renderer/src/lib/preferences/PreferencesProviderRendering.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesProviderRendering.svelte
@@ -36,22 +36,17 @@ onMount(() => {
 
 let providerInfo: ProviderInfo;
 $: providerInfo = providers.filter(provider => provider.internalId === providerInternalId)[0];
-let waiting = false;
 
 let logsTerminal: Terminal;
 
 async function startProvider(): Promise<void> {
-  waiting = true;
   await window.startProviderLifecycle(providerInfo.internalId);
   window.dispatchEvent(new CustomEvent('provider-lifecycle-change'));
-  waiting = false;
 }
 
 async function stopProvider(): Promise<void> {
-  waiting = true;
   await window.stopProviderLifecycle(providerInfo.internalId);
   window.dispatchEvent(new CustomEvent('provider-lifecycle-change'));
-  waiting = false;
 }
 
 async function startReceivingLogs(provider: ProviderInfo): Promise<void> {
@@ -66,7 +61,7 @@ async function stopReceivingLogs(provider: ProviderInfo): Promise<void> {
 }
 </script>
 
-<Route path="/*" breadcrumb="{providerInfo?.name}" let:meta>
+<Route path="/*" breadcrumb="{providerInfo?.name}">
   <div class="flex flex-1 flex-col bg-charcoal-800 px-6 py-1">
     <div>
       <button
diff --git a/packages/renderer/src/lib/preferences/PreferencesRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesRendering.svelte
index e25d2142785..e79193d05b9 100644
--- a/packages/renderer/src/lib/preferences/PreferencesRendering.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesRendering.svelte
@@ -46,7 +46,7 @@ function updateSearchValue(event: any) {
 }
 </script>
 
-<Route path="/" breadcrumb="{key}" let:meta>
+<Route path="/" breadcrumb="{key}">
   <SettingsPage title="Preferences">
     <div class="bg-charcoal-900">
       <div
diff --git a/packages/renderer/src/lib/preferences/PreferencesRenderingItemFormat.svelte b/packages/renderer/src/lib/preferences/PreferencesRenderingItemFormat.svelte
index ecd4eab2a76..59664316b68 100644
--- a/packages/renderer/src/lib/preferences/PreferencesRenderingItemFormat.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesRenderingItemFormat.svelte
@@ -11,13 +11,13 @@ import Tooltip from '../ui/Tooltip.svelte';
 let invalidEntry = false;
 let invalidText = undefined;
 export let showUpdate = false;
-export let invalidRecord = (error: string) => {};
+export let invalidRecord = (_error: string) => {};
 export let validRecord = () => {};
-export let updateResetButtonVisibility = (recordValue: any) => {};
+export let updateResetButtonVisibility = (_recordValue: any) => {};
 export let resetToDefault = false;
 export let enableAutoSave = false;
 
-export let setRecordValue = (id: string, value: string) => {};
+export let setRecordValue = (_id: string, _value: string) => {};
 export let enableSlider = false;
 export let record: IConfigurationPropertyRecordedSchema;
 
diff --git a/packages/renderer/src/lib/preferences/PreferencesResourcesRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesResourcesRendering.svelte
index e0c57ab3d5c..3a649d7848d 100644
--- a/packages/renderer/src/lib/preferences/PreferencesResourcesRendering.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesResourcesRendering.svelte
@@ -11,7 +11,7 @@ import type {
 import { onDestroy, onMount } from 'svelte';
 import type { IConfigurationPropertyRecordedSchema } from '../../../../main/src/plugin/configuration-registry';
 import { configurationProperties } from '../../stores/configurationProperties';
-import type { ContainerProviderConnection, ProviderDetectionCheck, provider } from '@podman-desktop/api';
+import type { ContainerProviderConnection } from '@podman-desktop/api';
 import type { Unsubscriber } from 'svelte/store';
 import Tooltip from '../ui/Tooltip.svelte';
 import { filesize } from 'filesize';
diff --git a/packages/renderer/src/lib/task-manager/TaskManager.svelte b/packages/renderer/src/lib/task-manager/TaskManager.svelte
index 83cd6e93f80..68f08a3d3d5 100644
--- a/packages/renderer/src/lib/task-manager/TaskManager.svelte
+++ b/packages/renderer/src/lib/task-manager/TaskManager.svelte
@@ -1,17 +1,8 @@
 <script lang="ts">
-import {
-  faCheck,
-  faCheckCircle,
-  faCheckDouble,
-  faCheckSquare,
-  faChevronDown,
-  faCircle,
-  faInfoCircle,
-} from '@fortawesome/free-solid-svg-icons';
+import { faCheck, faChevronDown, faCircle } from '@fortawesome/free-solid-svg-icons';
 import { clearCompletedTasks, tasksInfo } from '/@/stores/tasks';
 
 import Fa from 'svelte-fa/src/fa.svelte';
-import BellSlashIcon from '../images/BellSlashIcon.svelte';
 import TaskIcon from '../images/TaskIcon.svelte';
 import TaskManagerEmptyScreen from './TaskManagerEmptyScreen.svelte';
 import TaskManagerGroup from './TaskManagerGroup.svelte';
diff --git a/packages/renderer/src/lib/task-manager/TaskManagerItem.svelte b/packages/renderer/src/lib/task-manager/TaskManagerItem.svelte
index e9c50ca195b..f132034ea50 100644
--- a/packages/renderer/src/lib/task-manager/TaskManagerItem.svelte
+++ b/packages/renderer/src/lib/task-manager/TaskManagerItem.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { faClose, faInfoCircle, faSquareCheck, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
-import { createEventDispatcher, onMount } from 'svelte';
+import { onMount } from 'svelte';
 import Fa from 'svelte-fa/src/fa.svelte';
 import { TaskManager, type TaskUI } from './task-manager';
 import { removeTask } from '/@/stores/tasks';
@@ -9,7 +9,6 @@ import type { Task } from '../../../../main/src/plugin/api/task';
 export let task: Task;
 
 const taskManager = new TaskManager();
-const dispatch = createEventDispatcher();
 
 let taskUI: TaskUI;
 $: taskUI = taskManager.toTaskUi(task);
diff --git a/packages/renderer/src/lib/ui/EmptyScreen.svelte b/packages/renderer/src/lib/ui/EmptyScreen.svelte
index da9e2be48c4..917d62446e7 100644
--- a/packages/renderer/src/lib/ui/EmptyScreen.svelte
+++ b/packages/renderer/src/lib/ui/EmptyScreen.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import Fa from 'svelte-fa/src/fa.svelte';
 import { faPaste } from '@fortawesome/free-solid-svg-icons';
-import { onMount, SvelteComponent } from 'svelte';
+import { onMount } from 'svelte';
 
 export let icon: any;
 export let title = 'No title';
diff --git a/packages/renderer/src/lib/ui/ErrorMessage.svelte b/packages/renderer/src/lib/ui/ErrorMessage.svelte
index c122de90ee6..d102c2fb997 100644
--- a/packages/renderer/src/lib/ui/ErrorMessage.svelte
+++ b/packages/renderer/src/lib/ui/ErrorMessage.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import Fa from 'svelte-fa/src/fa.svelte';
-import { faChevronDown, faChevronRight, faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
+import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
 import Tooltip from './Tooltip.svelte';
 
 export let error: string;
diff --git a/packages/renderer/src/lib/ui/WarningMessage.svelte b/packages/renderer/src/lib/ui/WarningMessage.svelte
index 3a55574ad68..6cad4e52dcb 100644
--- a/packages/renderer/src/lib/ui/WarningMessage.svelte
+++ b/packages/renderer/src/lib/ui/WarningMessage.svelte
@@ -1,11 +1,6 @@
 <script lang="ts">
 import Fa from 'svelte-fa/src/fa.svelte';
-import {
-  faChevronDown,
-  faChevronRight,
-  faExclamationCircle,
-  faTriangleExclamation,
-} from '@fortawesome/free-solid-svg-icons';
+import { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
 import Tooltip from './Tooltip.svelte';
 
 export let error: string;
diff --git a/packages/renderer/src/lib/volume/VolumeActions.svelte b/packages/renderer/src/lib/volume/VolumeActions.svelte
index 77d3e9e5721..171a20a5b7b 100644
--- a/packages/renderer/src/lib/volume/VolumeActions.svelte
+++ b/packages/renderer/src/lib/volume/VolumeActions.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { faPlay, faStop, faArrowsRotate, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { faTrash } from '@fortawesome/free-solid-svg-icons';
 import type { VolumeInfoUI } from './VolumeInfoUI';
 import { router } from 'tinro';
 import ListItemButtonIcon from '../ui/ListItemButtonIcon.svelte';