From a03508fb829d48fd19a755caec8df5164fac6740 Mon Sep 17 00:00:00 2001
From: Jayanthi <jayanthi.sourirajan@particular.net>
Date: Mon, 5 May 2025 15:21:09 -0700
Subject: [PATCH] remove duplicate spinner

---
 .../src/components/LoadingOverlay.vue         | 38 -------------------
 .../src/components/messages2/MessageView.vue  |  2 -
 2 files changed, 40 deletions(-)
 delete mode 100644 src/Frontend/src/components/LoadingOverlay.vue

diff --git a/src/Frontend/src/components/LoadingOverlay.vue b/src/Frontend/src/components/LoadingOverlay.vue
deleted file mode 100644
index 78168f8c5..000000000
--- a/src/Frontend/src/components/LoadingOverlay.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <div class="loading-overlay">
-    <div class="spinner"></div>
-  </div>
-</template>
-
-<style scoped>
-.loading-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: wait;
-  z-index: 1000; /* Make sure it overlays other elements */
-}
-
-.spinner {
-  width: 50px;
-  height: 50px;
-  border: 5px solid rgba(0, 0, 0, 0.3);
-  border-top: 5px solid white;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-</style>
diff --git a/src/Frontend/src/components/messages2/MessageView.vue b/src/Frontend/src/components/messages2/MessageView.vue
index 5a1eea08a..a5b5aab1a 100644
--- a/src/Frontend/src/components/messages2/MessageView.vue
+++ b/src/Frontend/src/components/messages2/MessageView.vue
@@ -20,7 +20,6 @@ import TabsLayout from "@/components/TabsLayout.vue";
 import { storeToRefs } from "pinia";
 import MetadataLabel from "@/components/messages2/MetadataLabel.vue";
 import { hexToCSSFilter } from "hex-to-css-filter";
-import LoadingOverlay from "@/components/LoadingOverlay.vue";
 import SagaDiagram from "./SagaDiagram.vue";
 
 const route = useRoute();
@@ -105,7 +104,6 @@ onMounted(() => {
       <no-data v-if="state.not_found" title="message failures" message="Could not find message. This could be because the message URL is invalid or the corresponding message was processed and is no longer tracked by ServiceControl."></no-data>
       <no-data v-else-if="state.failed_to_load" title="message failures" message="An error occurred while trying to load the message. Please check the ServiceControl logs to learn what the issue is."></no-data>
       <template v-else>
-        <LoadingOverlay v-if="state.loading ?? false" />
         <div class="row">
           <div class="col-sm-12 no-side-padding">
             <RouterLink :to="backLink"><i class="fa fa-chevron-left"></i> Back</RouterLink>