coracle-social · staab · Sep 6, 2024 · Aug 31, 2024 · Aug 31, 2024 · Sep 3, 2024
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -77,13 +77,13 @@ Enhancement suggestions are tracked as [GitHub issues](/issues).
 
 We welcome pull requests. To ensure your pull request is accepted, please follow the guidelines below:
 
-- Base your pull request on an issue that has already been discussed and acknowledged as a problem or desirable enhancement. (ROADMAP.md)[ROADMAP.md] also contains several tasks that have not been put into issues yet.
+- Base your pull request on an issue that has already been discussed and acknowledged as a problem or desirable enhancement.
 - Set your pull request up to merge into the `dev` branch of the upstream repo.
 - Make sure your pull request passes all checks and follows code style. You can autoformat, lint, and check types using the scripts in package.json. More broadly, code style is generally procedural, with some functional paradigms, using objects mostly as singletons with an initialization step. Try to use (but not over-use) svelte stores, ramda, and hurdak when possible.
 
 #### Development and Deployment
 
-To create a working copy, please fork the repository and clone it so that all PRs can go through a review. Run `yarn && yarn dev` to start the dev server, and `yarn run check` to run all checks. Pushes to the `dev` branch are autodeployed via render.com to `dev.coracle.social`. Pushes to `master` are autodeployed via render.com to `app.coracle.social`.
+To create a working copy, please fork the repository and clone it so that all PRs can go through a review. Run `npm i && npm run dev` to start the dev server, and `npm run check` to run all checks. Pushes to the `dev` branch are autodeployed via render.com to `dev.coracle.social`. Pushes to `master` are autodeployed via render.com to `app.coracle.social`.
 
 ### Project Structure
 

diff --git a/src/app/shared/PersonName.svelte b/src/app/shared/PersonName.svelte
@@ -21,8 +21,10 @@
   import WotScore from "src/partials/WotScore.svelte"
   import {displayPubkey} from "src/domain"
   import {userFollows, maxWot, getWotScore} from "src/engine"
+  import CopyValueSimple from "src/partials/CopyValueSimple.svelte"
 
   export let pubkey
+  export let displayNpubCopyButton = false
 
   const following = derived(userFollows, $m => $m.has(pubkey))
   const wotScore = getWotScore($session?.pubkey, pubkey)
@@ -35,7 +37,12 @@
   <div class="flex flex-col overflow-hidden text-ellipsis">
     <span class="cy-person-name">{$profileDisplay}</span>
     {#if $profileDisplay != npubDisplay}
-      <small class="text-xs">{npubDisplay}</small>
+      <div class="flex flex-row items-center text-xs">
+        <small>{npubDisplay}</small>
+        {#if displayNpubCopyButton}
+          <CopyValueSimple class="pl-1" value={pubkey} label={npubDisplay} />
+        {/if}
+      </div>
     {/if}
   </div>
   {#if $session}

diff --git a/src/app/views/PersonDetail.svelte b/src/app/views/PersonDetail.svelte
@@ -63,7 +63,7 @@
   <div class="flex min-w-0 flex-grow flex-col gap-4">
     <div class="flex flex-col">
       <div class="flex items-center justify-between gap-4">
-        <PersonName class="text-2xl" {pubkey} />
+        <PersonName class="text-2xl" {pubkey} displayNpubCopyButton />
         <div class="hidden xs:block">
           <PersonActions {pubkey} />
         </div>