fix eslint

sebadob · Jul 1, 2023 · af0d32a · af0d32a
1 parent 21f73ab
commit af0d32a
Show file tree

Hide file tree

Showing 8 changed files with 44 additions and 5 deletions.
diff --git a/frontend/src/components/ImageUpload.svelte b/frontend/src/components/ImageUpload.svelte
@@ -21,13 +21,17 @@
 
 <div class="container">
     <div
+            role="button"
+            tabindex="0"
             class="btn"
             on:click={() => inputRef.click()}
             on:keypress={() => inputRef.click()}
     >
         <IconUpload width={22}/>
     </div>
     <div
+            role="button"
+            tabindex="0"
             class="text noselect font-label"
             on:click={() => inputRef.click()}
             on:keypress={() => inputRef.click()}

diff --git a/frontend/src/components/admin/clients/ClientBrandingPreviewInput.svelte b/frontend/src/components/admin/clients/ClientBrandingPreviewInput.svelte
@@ -58,7 +58,12 @@
 
   {#if password}
     <div class="rel">
-      <div class="btn show" on:click={toggle} on:keypress={toggle}>
+      <div
+              role="none"
+              class="btn show"
+              on:click={toggle}
+              on:keypress={toggle}
+      >
         {#if type === 'password'}
           <IconEyeSlash width={22} color={colors.err} />
         {:else}

diff --git a/frontend/src/components/admin/config/jwks/JWK.svelte b/frontend/src/components/admin/config/jwks/JWK.svelte
@@ -30,6 +30,7 @@
 </script>
 
 <div
+        role="none"
         class="cert"
         on:mouseenter={() => isHover = true}
         on:mouseleave={() => isHover = false}

diff --git a/frontend/src/lib/ExpandContainer.svelte b/frontend/src/lib/ExpandContainer.svelte
@@ -61,6 +61,8 @@
 >
     <div class="containerHeader">
         <div
+                role="button"
+                tabindex="0"
                 class="expand"
                 on:mouseenter={() => isHover = true}
                 on:mouseleave={() => isHover = false}

diff --git a/frontend/src/lib/Switch.svelte b/frontend/src/lib/Switch.svelte
@@ -17,6 +17,9 @@
 </script>
 
 <div
+        role="switch"
+        aria-checked={selected}
+        tabindex="0"
         class="outer"
         class:selectedOuter={selected}
         on:click={handleClick}

diff --git a/frontend/src/lib/itemTiles/AddItemTile.svelte b/frontend/src/lib/itemTiles/AddItemTile.svelte
@@ -27,7 +27,13 @@
 </script>
 
 <div class="wrapper">
-    <div class="icon" on:click={() => show = !show} on:keypress={() => show = !show}>
+    <div
+            role="button"
+            tabindex="0"
+            class="icon"
+            on:click={() => show = !show}
+            on:keypress={() => show = !show}
+    >
         <IconPlus/>
     </div>
 
@@ -48,7 +54,13 @@
                     style="width: {mindWidth}; max-height: {items.length > searchThreshold ? maxHeight - 29 : maxHeight}px"
             >
                 {#each resItems as item}
-                    <div class="item" on:click={() => handleSelect(item)} on:keypress={() => handleSelect(item)}>
+                    <div
+                            role="button"
+                            tabindex="0"
+                            class="item"
+                            on:click={() => handleSelect(item)}
+                            on:keypress={() => handleSelect(item)}
+                    >
                         {item}
                     </div>
                 {/each}

diff --git a/frontend/src/lib/itemTiles/DeleteItemTile.svelte b/frontend/src/lib/itemTiles/DeleteItemTile.svelte
@@ -8,7 +8,13 @@
 
 <div class="label font-label">
     {label}
-    <div class="icon" on:click={() => onDelete(label)} on:keypress={() => onDelete(label)}>
+    <div
+            role="button"
+            tabindex="0"
+            class="icon"
+            on:click={() => onDelete(label)}
+            on:keypress={() => onDelete(label)}
+    >
         <IconStop width="14"/>
     </div>
 </div>

diff --git a/frontend/src/lib/search/OrderBy.svelte b/frontend/src/lib/search/OrderBy.svelte
@@ -74,7 +74,13 @@
     {/if}
 
     {#if options.length > 0}
-        <div class="icon" on:click={switchDirection} on:keypress={switchDirection}>
+        <div
+                role="button"
+                tabindex="0"
+                class="icon"
+                on:click={switchDirection}
+                on:keypress={switchDirection}
+        >
             {#if direction === 1}
                 <IconBarsArrowUp/>
             {:else}