From 355ba80ebefc5830e5085a4a0383571852adc6d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 30 Jan 2022 16:50:23 +0100
Subject: [PATCH] [webui] lint fixes

---
 webui/.eslintrc.json                             | 4 +++-
 webui/src/components/AttributeView.svelte        | 2 +-
 webui/src/components/DropPasteHandler.svelte     | 6 +++---
 webui/src/components/display/UpObjectCard.svelte | 4 ----
 webui/src/components/layout/Header.svelte        | 2 +-
 webui/src/components/layout/Jobs.svelte          | 2 +-
 webui/src/components/utils/Ellipsis.svelte       | 5 +----
 webui/src/components/utils/Selector.svelte       | 2 +-
 webui/src/components/widgets/Table.svelte        | 4 +---
 webui/src/views/Search.svelte                    | 2 +-
 10 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/webui/.eslintrc.json b/webui/.eslintrc.json
index cc9578d..cabcbdf 100644
--- a/webui/.eslintrc.json
+++ b/webui/.eslintrc.json
@@ -16,7 +16,9 @@
       "processor": "svelte3/svelte3"
     }
   ],
-  "rules": {},
+  "rules": {
+    "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }]
+  },
   "settings": {
     "svelte3/typescript": true // load TypeScript as peer dependency
   }
diff --git a/webui/src/components/AttributeView.svelte b/webui/src/components/AttributeView.svelte
index 01c1b89..18f1442 100644
--- a/webui/src/components/AttributeView.svelte
+++ b/webui/src/components/AttributeView.svelte
@@ -39,7 +39,7 @@
   $: {
     components = availableWidgets.find(
       (w) => w.name === currentWidget
-    )!.components;
+    ).components;
   }
 </script>
 
diff --git a/webui/src/components/DropPasteHandler.svelte b/webui/src/components/DropPasteHandler.svelte
index ca3e3d5..79e1f78 100644
--- a/webui/src/components/DropPasteHandler.svelte
+++ b/webui/src/components/DropPasteHandler.svelte
@@ -11,15 +11,15 @@
     dragging = false;
   }
 
-  function onDragEnter(ev: DragEvent) {
+  function onDragEnter() {
     // noop
   }
 
-  function onDragOver(ev: DragEvent) {
+  function onDragOver() {
     dragging = true;
   }
 
-  function onDragLeave(ev: DragEvent) {
+  function onDragLeave() {
     dragging = false;
   }
 
diff --git a/webui/src/components/display/UpObjectCard.svelte b/webui/src/components/display/UpObjectCard.svelte
index 5d32e8b..33fa580 100644
--- a/webui/src/components/display/UpObjectCard.svelte
+++ b/webui/src/components/display/UpObjectCard.svelte
@@ -1,12 +1,8 @@
 <script lang="ts">
   import { createEventDispatcher } from "svelte";
-  import { BLOB_TYPE_ADDR } from "upend/constants";
   import HashBadge from "./HashBadge.svelte";
   import Ellipsis from "../utils/Ellipsis.svelte";
-  import UpLink from "./UpLink.svelte";
   import { useEntity } from "../../lib/entity";
-  import { readable } from "svelte/store";
-  import { notify, UpNotification } from "../../notifications";
   import { Link } from "svelte-navigator";
   const dispatch = createEventDispatcher();
 
diff --git a/webui/src/components/layout/Header.svelte b/webui/src/components/layout/Header.svelte
index f9d11f7..0e8cc1a 100644
--- a/webui/src/components/layout/Header.svelte
+++ b/webui/src/components/layout/Header.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Link, useLocation, useNavigate, useParams } from "svelte-navigator";
+  import { Link, useLocation, useNavigate } from "svelte-navigator";
   import { useMatch } from "svelte-navigator";
   import { addEmitter } from "../AddModal.svelte";
   import Icon from "../utils/Icon.svelte";
diff --git a/webui/src/components/layout/Jobs.svelte b/webui/src/components/layout/Jobs.svelte
index 20af6f6..e5f6300 100644
--- a/webui/src/components/layout/Jobs.svelte
+++ b/webui/src/components/layout/Jobs.svelte
@@ -18,7 +18,7 @@
 
   let jobs: JobWithId[] = [];
   let activeJobs: JobWithId[] = [];
-  let timeout: NodeJS.Timeout;
+  let timeout: number;
   async function updateJobs() {
     clearTimeout(timeout);
     let request = await fetch("/api/jobs");
diff --git a/webui/src/components/utils/Ellipsis.svelte b/webui/src/components/utils/Ellipsis.svelte
index 3ed47bd..e036182 100644
--- a/webui/src/components/utils/Ellipsis.svelte
+++ b/webui/src/components/utils/Ellipsis.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
-  import { tick } from "svelte";
-
   export let value: string;
-  let root: HTMLDivElement;
 
   $: valueStart = value.substring(0, value.length - 7).replace(" ", "\xa0");
   $: valueEnd = value
@@ -10,7 +7,7 @@
     .replace(" ", "\xa0");
 </script>
 
-<div class="ellipsis" bind:this={root} title={value}>
+<div class="ellipsis" title={value}>
   <div class="start">{valueStart}</div>
   <div class="end">{valueEnd}</div>
 </div>
diff --git a/webui/src/components/utils/Selector.svelte b/webui/src/components/utils/Selector.svelte
index 7fdfc92..2f01ef1 100644
--- a/webui/src/components/utils/Selector.svelte
+++ b/webui/src/components/utils/Selector.svelte
@@ -74,7 +74,7 @@
         }
 
         options.push(
-          ...objects.slice(0, 25).map(([address, label]) => {
+          ...objects.slice(0, 25).map(([address, _]) => {
             return {
               value: {
                 t: "Address",
diff --git a/webui/src/components/widgets/Table.svelte b/webui/src/components/widgets/Table.svelte
index b97e76c..33e317c 100644
--- a/webui/src/components/widgets/Table.svelte
+++ b/webui/src/components/widgets/Table.svelte
@@ -3,10 +3,8 @@
   import { format, fromUnixTime } from "date-fns";
   import Ellipsis from "../utils/Ellipsis.svelte";
   import UpObject from "../display/UpObject.svelte";
-  import { createEventDispatcher, getContext } from "svelte";
+  import { createEventDispatcher } from "svelte";
   import type { AttributeChange, AttributeUpdate } from "../../types/base";
-  import { useParams } from "svelte-navigator";
-  import type { Writable } from "svelte/store";
   import type { UpEntry } from "upend";
   import IconButton from "../utils/IconButton.svelte";
   import Selector from "../utils/Selector.svelte";
diff --git a/webui/src/views/Search.svelte b/webui/src/views/Search.svelte
index 6c552d5..042f231 100644
--- a/webui/src/views/Search.svelte
+++ b/webui/src/views/Search.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import debounce from "lodash/debounce";
   import { Readable, readable } from "svelte/store";
-  import type { UpEntry, UpListing, UpObject } from "upend";
+  import type { UpListing } from "upend";
   import Spinner from "../components/utils/Spinner.svelte";
   import UpEntryDisplay from "../components/display/UpEntry.svelte";
   import UpObjectDisplay from "../components/display/UpObject.svelte";