bc25367 Add remote count to PeerSelector — radicle-explorer

Radicle web interface

Add remote count to PeerSelector

Rūdolfs Ošiņš committed 2 years ago

commit bc25367ecbdccf08ee3fd079c3ba777384b0847f
parent eba977e14e50a6cf3fa3d176ea34bdadfdf9231d

2 files changed +9 -9

modified src/lib/pluralize.ts

@@ -1,11 +1,12 @@

 export const pluralRules = {
   commit: "commits",
   contributor: "contributors",
   deletion: "deletions",
   file: "files",
   insertion: "insertions",
   deletion: "deletions",
   commit: "commits",
   issue: "issues",
   contributor: "contributors",
   patch: "patches",
   remote: "remotes",
 } as const;
 export function pluralize(

modified src/views/projects/PeerSelector.svelte

@@ -2,6 +2,7 @@

   import type { Remote } from "@httpd-client";
   import { formatNodeId, truncateId } from "@app/lib/utils";
   import { pluralize } from "@app/lib/pluralize";
   import Avatar from "@app/components/Avatar.svelte";
   import Badge from "@app/components/Badge.svelte";

@@ -32,14 +33,11 @@

     font-family: var(--font-family-monospace);
   }
   .selector .peer {
     padding: 0.5rem;
     padding: 0.5rem 0.75rem;
     color: var(--color-secondary);
     background-color: var(--color-secondary-2);
     border-radius: var(--border-radius-small);
   }
   .selected {
     padding: 0.5rem 0.75rem !important;
   }
   .selector .peer.not-allowed {
     cursor: not-allowed;
   }

@@ -71,9 +69,10 @@

 <Floating>
   <div slot="toggle" class="selector" title="Change peer">
     <div class="stat peer" class:selected={peer} class:not-allowed={!peers}>
     <div class="stat peer" class:not-allowed={!peers}>
       {#if !peer}
         <Icon size="small" name="fork" />
         <Icon size="small" name="fork" />{peers.length}
         {pluralize("remote", peers.length)}
       {/if}
       {#if meta}
         <span class="avatar-id">