WIP

ui/src/routes/PackageLists.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">
     import PackageList from "../components/PackageList.svelte"
 
-    async function getUsers() {
+    export let redirect;
+    export let data;
+
+    export const url = "/lists/"
+
+    async function getLists() {
         let response = await fetch("http://localhost:9000/v1/lists", {
             method: "GET",
             headers: {
@@ -9,20 +14,20 @@
             },
             cache: "no-store",
         });
-        let users = await response.json();
-        return users;
+        let lists = await response.json();
+        return lists;
     }
 </script>
 
 <main>
     <div>
-        {#await getUsers()}
+        {#await getLists()}
             <p>Loading</p>
         {:then lists}
             <div class="m-2 grid grid-cols-3 gap-5 items-start grid-flow-row">
                 {#each lists as list}
                     <div class="p-3 border rounded-lg border-gray-300 shadow hover:shadow-xl bg-gray-100 bg-opacity-30 hover:bg-opacity-100">
-                        <PackageList id={list.id} name={list.name} items={list.items}/>
+                        <PackageList id={list.id} name={list.name} items={list.items} on:select={e => redirect(url + e.detail.id)} />
                     </div>
                 {/each}
             </div>