From a247f088022718b59edb8eee80ce564d810ca258 Mon Sep 17 00:00:00 2001
From: Caleb Owens <hello@calebowens.com>
Date: Mon, 19 Feb 2024 23:05:40 +0000
Subject: [PATCH] Add option to copy PR URL to clipboard

---
 .../lib/components/ActiveBranchStatus.svelte  | 22 +++++++++++++++
 gitbutler-ui/src/lib/components/Tag.svelte    |  1 +
 .../lib/components/ViewPrContextMenu.svelte   | 28 +++++++++++++++++++
 3 files changed, 51 insertions(+)
 create mode 100644 gitbutler-ui/src/lib/components/ViewPrContextMenu.svelte

diff --git a/gitbutler-ui/src/lib/components/ActiveBranchStatus.svelte b/gitbutler-ui/src/lib/components/ActiveBranchStatus.svelte
index c5588c318..b4eb944dc 100644
--- a/gitbutler-ui/src/lib/components/ActiveBranchStatus.svelte
+++ b/gitbutler-ui/src/lib/components/ActiveBranchStatus.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
 	import Tag from '$lib/components/Tag.svelte';
+	import ViewPrContextMenu from '$lib/components/ViewPrContextMenu.svelte';
 	import { normalizeBranchName } from '$lib/utils/branch';
 	import { open } from '@tauri-apps/api/shell';
+	import { onDestroy } from 'svelte';
 	import type { Persisted } from '$lib/persisted/persisted';
 	import type { BaseBranch, Branch } from '$lib/vbranches/types';
 
@@ -11,6 +13,22 @@
 	export let isUnapplied = false;
 	export let hasIntegratedCommits = false;
 	export let isLaneCollapsed: Persisted<boolean>;
+
+	function updateContextMenu() {
+		if (popupMenu) popupMenu.$destroy();
+		return new ViewPrContextMenu({
+			target: document.body,
+			props: { prUrl: prUrl || '' }
+		});
+	}
+
+	$: popupMenu = updateContextMenu();
+
+	onDestroy(() => {
+		if (popupMenu) {
+			popupMenu.$destroy();
+		}
+	});
 </script>
 
 {#if !branch.upstream}
@@ -86,6 +104,10 @@
 				e.preventDefault();
 				e.stopPropagation();
 			}}
+			on:contextmenu={(e) => {
+				e.preventDefault();
+				popupMenu.openByMouse(e, undefined);
+			}}
 		>
 			View PR
 		</Tag>
diff --git a/gitbutler-ui/src/lib/components/Tag.svelte b/gitbutler-ui/src/lib/components/Tag.svelte
index b33138cc8..323ec03f4 100644
--- a/gitbutler-ui/src/lib/components/Tag.svelte
+++ b/gitbutler-ui/src/lib/components/Tag.svelte
@@ -45,6 +45,7 @@
 	class:verticalOrientation
 	class:not-button={!clickable}
 	on:click
+	on:contextmenu
 	role={clickable ? 'button' : undefined}
 	class:clickable
 	use:tooltip={help}
diff --git a/gitbutler-ui/src/lib/components/ViewPrContextMenu.svelte b/gitbutler-ui/src/lib/components/ViewPrContextMenu.svelte
new file mode 100644
index 000000000..8510b15ac
--- /dev/null
+++ b/gitbutler-ui/src/lib/components/ViewPrContextMenu.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import PopupMenu from '$lib/components/PopupMenu.svelte';
+	import ContextMenu from '$lib/components/contextmenu/ContextMenu.svelte';
+	import ContextMenuItem from '$lib/components/contextmenu/ContextMenuItem.svelte';
+	import ContextMenuSection from '$lib/components/contextmenu/ContextMenuSection.svelte';
+	import { copyToClipboard } from '$lib/utils/clipboard';
+
+	export let prUrl: string;
+	let popupMenu: PopupMenu;
+
+	export function openByMouse(e: MouseEvent, item: any) {
+		popupMenu.openByMouse(e, item);
+	}
+</script>
+
+<PopupMenu bind:this={popupMenu} let:dismiss>
+	<ContextMenu>
+		<ContextMenuSection>
+			<ContextMenuItem
+				label="Copy to Clipbaord"
+				on:click={() => {
+					copyToClipboard(prUrl);
+					dismiss();
+				}}
+			/>
+		</ContextMenuSection>
+	</ContextMenu>
+</PopupMenu>