projects everywhere, maybe needs cleanup

src/routes/app/+layout.ts

@@ -1,8 +1,14 @@
 import { getPinnedAddons } from "@/lib/api/addons";
+import * as projects from "$lib/api/projects.js";
 
 export async function load({ url, fetch }) {
   const pinnedAddons = getPinnedAddons(fetch);
+  const pinnedProjects = projects
+    .list({ pinned: true }, fetch)
+    .then((r) => r.results);
+
   return {
     pinnedAddons,
+    pinnedProjects,
   };
 }

src/routes/app/sidebar/Projects.svelte

@@ -9,7 +9,7 @@
 
   import { page } from "$app/stores";
 
-  let pinned: Project[] = [];
+  let pinned: Project[] | Promise<Project[]> = [];
 
   $: pinned = $page.data.pinnedProjects || [];
 </script>
@@ -18,11 +18,13 @@
   <SidebarItem slot="title"><FileDirectory16 /> Projects</SidebarItem>
   <Action slot="action" icon={Book16}>Explore</Action>
   <Flex direction="column" gap={0}>
-    {#each pinned as project}
-      <SidebarItem small>
-        <Pin active={project.pinned} />
-        {project.title}
-      </SidebarItem>
-    {/each}
+    {#await pinned then projects}
+      {#each projects as project}
+        <SidebarItem small>
+          <Pin active={project.pinned} />
+          {project.title}
+        </SidebarItem>
+      {/each}
+    {/await}
   </Flex>
 </SidebarGroup>

src/routes/app/upload/+page.server.ts

@@ -26,7 +26,7 @@ export const actions = {
     const ocr_engine: OCREngine = JSON.parse(form.get("ocr_engine") as string);
     const force_ocr = Boolean(form.get("force_ocr"));
     const revision_control = Boolean(form.get("revision_control"));
-    const projects = JSON.parse(form.get("projects") as string);
+    const projects = JSON.parse((form.get("projects") as string) || "[]");
 
     // not yet implemented
     // const language = data.get("language");
@@ -66,6 +66,14 @@ export const actions = {
       fetch,
     );
 
-    console.log(process_response.status);
+    // todo: i18n
+    const message = process_response.ok
+      ? `Uploaded ${created.length} documents`
+      : process_response.statusText;
+
+    return {
+      success: true,
+      message,
+    };
   },
 } satisfies Actions;

src/routes/app/upload/+page.svelte

@@ -1,9 +1,22 @@
 <script lang="ts">
+  import Flex from "$lib/components/common/Flex.svelte";
   import DocumentUpload from "$lib/components/forms/DocumentUpload.svelte";
+
+  export let form;
 </script>
 
 <svelte:head>
   <title>Upload | DocumentCloud</title>
 </svelte:head>
 
-<DocumentUpload />
+<Flex direction="column">
+  <h1>Upload documents</h1>
+
+  {#if form?.success}
+    <p>
+      {form.message}
+    </p>
+  {/if}
+
+  <DocumentUpload />
+</Flex>