From 83f0112c8ea2edf5a107aec10c90e6b2b5acb018 Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Sun, 27 Jul 2025 18:03:16 -0400
Subject: [PATCH] link/unlink in songs component

---
 src/components/songs.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/songs.vue b/src/components/songs.vue
index 2636b5e..32c0571 100644
--- a/src/components/songs.vue
+++ b/src/components/songs.vue
@@ -11,11 +11,14 @@
 	const copy = (title) => {
 		navigator.clipboard.writeText(title);
 	}
-	const paste = (song) => {
+	const link = (song) => {
 		if(copiedSongs.value.findIndex(copiedSong=>copiedSong.id === song.id) === -1){
 			copiedSongs.value.push(song)
 		}
 	}
+	const unlink = (song) => {
+		copiedSongs.value = copiedSongs.value.filter(currSong => currSong.id !== song.id)
+	}
 </script>
 <template>
 	<h2>Songs</h2>
@@ -36,7 +39,8 @@
 					</a>
 					<br/>
 					<button @click="copy(song.title)">Copy</button>
-					<button @click="paste(song)">Link</button>
+					<button @click="link(song)" v-if="copiedSongs.findIndex(currSong => currSong.id === song.id) === -1">Link</button>
+					<button @click="unlink(song)" v-if="copiedSongs.findIndex(currSong => currSong.id === song.id) !== -1">X</button>
 				</td>
 				<td>{{song.notes}}</td>
 			</tr>