835b3f7 Add "edited" marker to issue header — radicle-desktop

Radicle desktop app

Add "edited" marker to issue header

Rūdolfs Ošiņš committed 1 year ago

commit 835b3f754b8f6a8edbbfbbebc7fd167d7bf9bf99
parent c6dbf21adece79f348eb25d3fa90af98405b62bb

2 files changed +26 -9

modified src/lib/utils.ts

@@ -38,6 +38,10 @@ export function truncateId(pubkey: string): string {

   return `${pubkey.substring(0, 6)}…${pubkey.slice(-6)}`;
 }
 export function truncateDid(did: string): string {
   return `did:key:${truncateId(did.replace("did:key:", ""))}`;
 }
 export function isCommit(input: string): boolean {
   return /^[a-f0-9]{40}$/.test(input);
 }

modified src/views/repo/Issue.svelte

@@ -5,7 +5,12 @@

   import capitalize from "lodash/capitalize";
   import { formatTimestamp, formatOid, issueStatusColor } from "@app/lib/utils";
   import {
     formatOid,
     formatTimestamp,
     issueStatusColor,
     truncateDid,
   } from "@app/lib/utils";
   import Border from "@app/components/Border.svelte";
   import CopyableId from "@app/components/CopyableId.svelte";

@@ -189,6 +194,22 @@

     </Border>
     <div class="txt-small body">
       <div class="global-flex txt-small" style:margin-bottom="1rem">
         <NodeId
           nodeId={issue.author.did.replace("did:key:", "")}
           alias={issue.author.alias} />
         opened
         <div class="global-oid">{formatOid(issue.id)}</div>
         {formatTimestamp(issue.timestamp)}
         {#if issue.discussion[0].edits.length > 1}
           {@const lastEdit = issue.discussion[0].edits.slice(-1)[0]}
           <span
             class="txt-missing"
             title={`${lastEdit.author.alias ? lastEdit.author.alias : truncateDid(lastEdit.author.did)} edited ${new Date(Number(lastEdit.timestamp)).toLocaleString()}`}>
             • edited
           </span>
         {/if}
       </div>
       {#if issue.discussion[0].edits.slice(-1)[0].body.trim() === ""}
         <span class="txt-missing" style:line-height="1.625rem">
           No description.

@@ -199,14 +220,6 @@

           breaks
           content={issue.discussion[0].edits.slice(-1)[0].body} />
       {/if}
       <div class="global-flex txt-small" style:margin-top="1.5rem">
         <NodeId
           nodeId={issue.author.did.replace("did:key:", "")}
           alias={issue.author.alias} />
         opened
         <div class="global-oid">{formatOid(issue.id)}</div>
         {formatTimestamp(issue.timestamp)}
       </div>
     </div>
   </div>
 </Layout>