From 6b22fbf6c6841c143daa2103fcabbf31041392d5 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Fri, 11 Jun 2021 16:52:22 +0200
Subject: [PATCH] Fix project widget

---
 src/base/projects/Browser.svelte |  5 +----
 src/base/projects/Widget.svelte  | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/base/projects/Browser.svelte b/src/base/projects/Browser.svelte
index 968e17ff1..90e118507 100644
--- a/src/base/projects/Browser.svelte
+++ b/src/base/projects/Browser.svelte
@@ -1,6 +1,4 @@
 <script lang="typescript">
-  import { onMount } from 'svelte';
-  import { navigate } from 'svelte-routing';
   import type { Config } from '@app/config';
   import * as proj from '@app/project';
   import Loading from '@app/Loading.svelte';
@@ -14,7 +12,6 @@
   export let path: string;
   export let onSelect: (event: { detail: string }) => void;
 
-  let info: "loading" | proj.Info | null = null;
   let blob: Promise<proj.Blob | null> | null = null;
 
   const fetchTree = async (path: string) => {
@@ -114,7 +111,7 @@
             {:else}
               <!-- Project has no README -->
             {/if}
-          {:catch err}
+          {:catch}
             <div class="error error-message">
               <header>
                 <div class="icon">🍂</div>
diff --git a/src/base/projects/Widget.svelte b/src/base/projects/Widget.svelte
index be79eed8b..0183f52ff 100644
--- a/src/base/projects/Widget.svelte
+++ b/src/base/projects/Widget.svelte
@@ -17,20 +17,20 @@
   export let config: Config;
 
   let state: State = { status: Status.Loading };
-  let meta: proj.Meta | null = null;
+  let info: proj.Info | null = null;
 
   onMount(async () => {
     try {
-      const result = await proj.getMetadata(project.id, config);
+      const result = await proj.getInfo(project.id, config);
       state = { status: Status.Loaded };
-      meta = result;
+      info = result;
     } catch (err) {
       state = { status: Status.Error, error: err.message };
     }
   });
 
   const onClick = () => {
-    if (meta) {
+    if (info) {
       navigate(`/projects/${project.id}/${project.anchor.stateHash}`);
     }
   };
@@ -41,10 +41,10 @@
     padding: 1rem;
     border: 1px solid var(--color-secondary-faded);
   }
-  article.has-meta {
+  article.has-info {
     cursor: pointer;
   }
-  article.has-meta:hover {
+  article.has-info:hover {
     border-color: var(--color-secondary);
   }
   article .id {
@@ -53,7 +53,7 @@
     margin-bottom: 0.5rem;
   }
   article .description {
-    margin-bottom: 0.5rem;
+    margin-bottom: 0.75rem;
     font-size: 0.75rem;
   }
   article .anchor {
@@ -86,16 +86,16 @@
   }
 </style>
 
-<article on:click={onClick} class:has-meta={meta}>
-  {#if meta}
+<article on:click={onClick} class:has-info={info}>
+  {#if info}
     <div class="id">
-      <span class="name">{meta.name}</span><span class="urn">{project.id}</span>
+      <span class="name">{info.meta.name}</span><span class="urn">{project.id}</span>
     </div>
-    <div class="description">{meta.description}</div>
+    <div class="description">{info.meta.description}</div>
     <div class="anchor">
       <span>commit {project.anchor.stateHash}</span>
       <span>
-        {#each meta.maintainers as urn}
+        {#each info.meta.maintainers as urn}
           <span class="avatar">
             <Blockies address={urn} />
           </span>