Copy subnet ID and git revision when clicking them.

dfinity · Aug 3, 2024 · 355aeca · 355aeca
1 parent d1a8dd4
commit 355aeca
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 4 deletions.
diff --git a/rollout-dashboard/frontend/package-lock.json b/rollout-dashboard/frontend/package-lock.json
diff --git a/rollout-dashboard/frontend/package.json b/rollout-dashboard/frontend/package.json
@@ -18,6 +18,7 @@
     "postcss": "^8.4.39",
     "svelte": "^4.2.18",
     "svelte-check": "^3.8.4",
+    "svelte-copy": "^1.4.2",
     "svelte-time": "^0.9.0",
     "tailwindcss": "^3.4.6",
     "tslib": "^2.6.3",

diff --git a/rollout-dashboard/frontend/src/lib/Batch.svelte b/rollout-dashboard/frontend/src/lib/Batch.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import Time from "svelte-time";
+    import { copy } from "svelte-copy";
     import { type Batch, batchStateName, batchStateIcon } from "./types";
     export let batch_num: String;
     export let batch: Batch;
@@ -16,9 +17,12 @@
                             />{subnet.comment}{/if}</span
                     >
                 </div>
-                <span class="subnet_id">{subnet.subnet_id.substring(0, 5)}</span
+                <span class="subnet_id" use:copy={subnet.subnet_id}
+                    >{subnet.subnet_id.substring(0, 5)}</span
+                >
+                <span class="git_revision" use:copy={subnet.git_revision}
+                    >{subnet.git_revision}</span
                 >
-                <span class="git_revision">{subnet.git_revision}</span>
             </li>
         </ul>
     {/each}

diff --git a/rollout-dashboard/frontend/src/lib/types.ts b/rollout-dashboard/frontend/src/lib/types.ts
@@ -27,8 +27,8 @@ export function batchStateName(state: keyof typeof subnet_rollout_states): Strin
     return subnet_rollout_states[state].name;
 }
 export type Subnet = {
-    subnet_id: String;
-    git_revision: String;
+    subnet_id: string;
+    git_revision: string;
     state: keyof typeof subnet_rollout_states;
     comment: String;
 };