linting

src/app/components/ThunkStatus.svelte

@@ -1,17 +1,16 @@
 <script lang="ts">
-  import {displayRelayUrl} from "@welshman/util"
   import {PublishStatus} from "@welshman/net"
   import {mergeThunks, publishThunk} from "@welshman/app"
   import type {Thunk, MergedThunk} from "@welshman/app"
   import {throttled} from "@welshman/store"
-  import Icon from '@lib/components/Icon.svelte'
+  import Icon from "@lib/components/Icon.svelte"
   import Tippy from "@lib/components/Tippy.svelte"
-  import Button from '@lib/components/Button.svelte'
-  import ThunkStatusDetail from '@app/components/ThunkStatusDetail.svelte'
+  import Button from "@lib/components/Button.svelte"
+  import ThunkStatusDetail from "@app/components/ThunkStatusDetail.svelte"
 
   export let thunk: Thunk | MergedThunk
 
-  const {Pending, Success, Failure, Timeout} = PublishStatus
+  const {Pending, Failure, Timeout} = PublishStatus
 
   const abort = () => thunk.controller.abort()
 
@@ -30,7 +29,7 @@
 </script>
 
 {#if canCancel || isPending}
-  <span class="flex gap-1 mt-2 items-center">
+  <span class="mt-2 flex items-center gap-1">
     <span class="loading loading-spinner mx-1 h-3 w-3 translate-y-px" />
     <span class="opacity-50">Sending...</span>
     {#if canCancel}
@@ -43,7 +42,7 @@
     component={ThunkStatusDetail}
     props={{url, message, status, retry}}
     params={{interactive: true}}>
-    <span class="flex tooltip cursor-pointer gap-1 mt-2 items-center">
+    <span class="tooltip mt-2 flex cursor-pointer items-center gap-1">
       <Icon icon="danger" size={3} />
       <span class="opacity-50">Failed to send!</span>
     </span>