From 70a64ad60aa344cd34198d37be9a59d665ac2512 Mon Sep 17 00:00:00 2001
From: jon <jon@hardiesoft.com>
Date: Wed, 19 Feb 2025 17:34:58 +1300
Subject: [PATCH] - Fix custom tags not being saved.

---
 browse-next/src/components/SpectrogramViewer.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/browse-next/src/components/SpectrogramViewer.vue b/browse-next/src/components/SpectrogramViewer.vue
index bd4950ef..82efca3e 100644
--- a/browse-next/src/components/SpectrogramViewer.vue
+++ b/browse-next/src/components/SpectrogramViewer.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { ApiRecordingResponse } from "@typedefs/api/recording";
 import { type Spectastiq } from "spectastiq";
-// import { type Spectastiq } from "./spectastiq";
+//import { type Spectastiq } from "./spectastiq";
 import {
   computed,
   type ComputedRef,
@@ -672,6 +672,9 @@ watch(pendingTrackClass, async (classification: string[]) => {
     // Patch the pending track
     pendingTrack.value.tags[0].what = classification[0];
     pendingTrack.value.tags[0].automatic = false;
+    const tagToReplace = {
+      ...pendingTrack.value.tags[0],
+    };
     pendingTrack.value.tags[0].createdAt = new Date().toISOString();
     pendingTrack.value.tags[0].userId = currentUser.value?.id;
     pendingTrack.value.tags[0].userName = currentUser.value?.userName;
@@ -704,9 +707,8 @@ watch(pendingTrackClass, async (classification: string[]) => {
         newId: response.result.trackId,
         userId: currentUser.value?.id,
       });
-
       await replaceTrackTag(
-        pendingTrack.value.tags[0],
+        tagToReplace,
         props.recording.id,
         response.result.trackId
       );