6b22fbf Fix project widget — radicle-explorer

Radicle web interface

Fix project widget

Alexis Sellier committed 4 years ago

commit 6b22fbf6c6841c143daa2103fcabbf31041392d5
parent fdd3b9c35f38e7ec86eb38cb9cc231d8a91ae222

2 files changed +13 -16

modified 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>

modified 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>