fix(app): biome fmt

unionlabs · May 31, 2024 · e28dba2 · e28dba2
1 parent 346463d
commit e28dba2
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 19 deletions.
diff --git a/app/src/routes/explorer/+layout.svelte b/app/src/routes/explorer/+layout.svelte
@@ -6,13 +6,12 @@ import { cn } from "$lib/utilities/shadcn.ts"
 import * as Resizable from "$lib/components/ui/resizable"
 import GripVerticalIcon from "virtual:icons/tabler/grip-vertical"
 import { ScrollArea } from "$lib/components/ui/scroll-area/index.ts"
-import { page } from "$app/stores";
-import { derived } from "svelte/store";
-    import { onNavigate } from "$app/navigation";
+import { page } from "$app/stores"
+import { derived } from "svelte/store"
+import { onNavigate } from "$app/navigation"
 
 export let data: LayoutData
 
-
 // Pane collapse on resize has been disabled because it was throwing console errors.
 
 // let windowSize = { width: window.innerWidth, height: window.innerHeight }
@@ -41,7 +40,6 @@ let isCollapsed = false
 let leftPane: Resizable.PaneAPI
 $: [leftSize, rightSize] = [14, 88]
 
-
 const onLayoutChange: Resizable.PaneGroupProps["onLayoutChange"] = sizes => {
   document.cookie = `PaneForge:layout=${JSON.stringify(sizes)}`
 }
@@ -56,13 +54,13 @@ const onExpand: Resizable.PaneProps["onExpand"] = () => {
   document.cookie = `PaneForge:collapsed=${false}`
 }
 
-let explorerRoute = $page.route.id?.split("/").at(-1);
-$: explorerPageDescription = data.tables.filter(t => t.route === explorerRoute)[0].description; 
+let explorerRoute = $page.route.id?.split("/").at(-1)
+$: explorerPageDescription = data.tables.filter(t => t.route === explorerRoute)[0].description
 onNavigate(navigation => {
-  if (navigation.to?.route.id?.split("/").at(1) === 'explorer') {
-    explorerRoute = navigation.to?.route.id?.split("/").at(2);
+  if (navigation.to?.route.id?.split("/").at(1) === "explorer") {
+    explorerRoute = navigation.to?.route.id?.split("/").at(2)
   }
-});
+})
 </script>
 
 <main class="flex flex-row flex-1 overflow-y-hidden">

diff --git a/app/src/routes/explorer/+layout.ts b/app/src/routes/explorer/+layout.ts
@@ -13,7 +13,7 @@ const tables = ["blocks", "packets", "channels", "connections"] as const
 
 export interface Table {
   route: (typeof tables)[number]
-  icon: typeof SvelteComponent,
+  icon: typeof SvelteComponent
   description: string
 }
 
@@ -23,12 +23,24 @@ export const load = (loadEvent => {
 
   return {
     tables: [
-      { route: "blocks", icon: BlocksIcon, description: "Blocks from all chains indexed by Hubble" },
+      {
+        route: "blocks",
+        icon: BlocksIcon,
+        description: "Blocks from all chains indexed by Hubble"
+      },
       { route: "connections", icon: ConnectionIcon, description: "Open IBC Connections" },
       { route: "channels", icon: TvIcon, description: "Open IBC Channels" },
       { route: "packets", icon: SendHorizontalIcon, description: "Packets sent through Union" },
-      { route: "voyager-queue", icon: RocketIcon, description: "Voyager Relayer VM Operations Queue" },
-      { route: "index-status", icon: DatabaseIcon, description: "Statuses of Hubble indices for connected chains" }
+      {
+        route: "voyager-queue",
+        icon: RocketIcon,
+        description: "Voyager Relayer VM Operations Queue"
+      },
+      {
+        route: "index-status",
+        icon: DatabaseIcon,
+        description: "Statuses of Hubble indices for connected chains"
+      }
     ] as Array<Table>
   }
 }) satisfies LayoutLoad
diff --git a/app/src/routes/explorer/index-status/+page.svelte b/app/src/routes/explorer/index-status/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { voyagerQueueQuery} from "$lib/graphql/documents/voyager-queue.ts"
+import { voyagerQueueQuery } from "$lib/graphql/documents/voyager-queue.ts"
 import { createQuery } from "@tanstack/svelte-query"
 import { URLS } from "$lib/constants"
 
@@ -9,12 +9,10 @@ $: indexStatus = createQuery({
   // enabled: false,
   queryFn: async () => {
     const response = await fetch(`${URLS.GRAPHQL_REST}/index_status`)
-    const json = await response.json() as { v0_index_status: unknown } ;
-    return json.v0_index_status;
+    const json = (await response.json()) as { v0_index_status: unknown }
+    return json.v0_index_status
   }
 })
-
-  
 </script>
 
 <h1>Index Status</h1>