fix: display banner when viewing deleted snapshots

Author: henrychoy

src/frontend/src/views/CreateEntryPoint.vue

@@ -595,18 +595,7 @@
 
   watch(() => store.selectedSnapshot, (ep) => {
     if(ep) {
-      entryPoint.value = {
-        name: ep.name,
-        group: ep.group.id,
-        description: ep.description,
-        parameters: ep.parameters,
-        artifactParameters: ep.artifactParameters,
-        taskGraph: ep.taskGraph,
-        artifactGraph: ep.artifactGraph,
-        queues: ep.queues,
-        plugins: ep.plugins,
-        artifactPlugins: ep.artifactPlugins
-      }
+      entryPoint.value = ep
       copyAtEditStart.value = entryPoint.value
     } else {
       getEntrypoint()

src/frontend/src/views/CreateExperiment.vue

@@ -97,7 +97,7 @@
 </template>
 
 <script setup>
-  import { ref, inject, computed, watch, onMounted } from 'vue'
+  import { ref, inject, computed, onMounted } from 'vue'
   import { useLoginStore } from '@/stores/LoginStore.ts'
   import { useRouter, useRoute, onBeforeRouteLeave } from 'vue-router'
   import * as api from '@/services/dataApi'
@@ -180,11 +180,7 @@
   const showReturnDialog = ref(false)
 
   onMounted(() => {
-    if(route.query.snapshotId && !store.showRightDrawer) {
-      store.showRightDrawer = true
-    } else {
-      getExperiment()
-    }
+    getExperiment()
   })
 
   async function getExperiment() {
@@ -262,17 +258,4 @@
   const confirmLeave = ref(false)
   const toPath = ref()
 
-  watch(() => store.selectedSnapshot, (newVal) => {
-    if(newVal) {
-      experiment.value = {
-        name: newVal.name,
-        group: newVal.group,
-        description: newVal.description
-      }
-      title.value = `View ${experiment.value.name}`
-    } else {
-      getExperiment()
-    }
-  })
-
 </script>

src/frontend/src/views/QueuesFormDraftView.vue

@@ -288,11 +288,7 @@ function clearForm() {
 
 watch(() => store.selectedSnapshot, (q) => {
   if(q) {
-    queue.value = {
-      name: q.name,
-      group: q.group.id,
-      description: q.description,
-    }
+    queue.value = q
   } else {
     getQueue()
   }

src/frontend/src/views/QueuesFormView.vue

@@ -311,11 +311,7 @@ const history = computed(() => {
 
 watch(() => store.selectedSnapshot, (q) => {
   if(q) {
-    queue.value = {
-      name: q.name,
-      group: q.group.id,
-      description: q.description,
-    }
+    queue.value = q
     copyAtEditStart.value = queue.value
   } else {
     getQueue()