From b0c72fd295797246056c1739273cf041f56a0cb0 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Tue, 13 Feb 2024 16:28:43 +0530
Subject: [PATCH] feat: indicate request opened in the tab from the collection
 tree

---
 .../new-collections/rest/Request.vue          |  6 ++----
 .../components/new-collections/rest/index.vue | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/new-collections/rest/Request.vue b/packages/hoppscotch-common/src/components/new-collections/rest/Request.vue
index 4314f5157..a240d76e0 100644
--- a/packages/hoppscotch-common/src/components/new-collections/rest/Request.vue
+++ b/packages/hoppscotch-common/src/components/new-collections/rest/Request.vue
@@ -24,7 +24,7 @@
             {{ requestView.request.name }}
           </span>
           <span
-            v-if="isActive"
+            v-if="props.isActive"
             v-tippy="{ theme: 'tooltip' }"
             class="relative mx-3 flex h-1.5 w-1.5 flex-shrink-0"
             :title="`${t('collection.request_in_use')}`"
@@ -133,6 +133,7 @@ import { getMethodLabelColorClassOf } from "~/helpers/rest/labelColoring"
 const t = useI18n()
 
 const props = defineProps<{
+  isActive: boolean
   requestView: RESTCollectionViewRequest
 }>()
 
@@ -152,9 +153,6 @@ const emit = defineEmits<{
 const tippyActions = ref<TippyComponent | null>(null)
 const options = ref<TippyComponent | null>(null)
 
-// TODO: implement
-const isActive = ref(true)
-
 const requestLabelColor = computed(() =>
   getMethodLabelColorClassOf(props.requestView.request)
 )
diff --git a/packages/hoppscotch-common/src/components/new-collections/rest/index.vue b/packages/hoppscotch-common/src/components/new-collections/rest/index.vue
index 07bde3f44..46be887bf 100644
--- a/packages/hoppscotch-common/src/components/new-collections/rest/index.vue
+++ b/packages/hoppscotch-common/src/components/new-collections/rest/index.vue
@@ -46,6 +46,7 @@
           />
           <NewCollectionsRestRequest
             v-else-if="node.data.type === 'request'"
+            :is-active="isActiveRequest(node.data.value.request.id)"
             :request-view="node.data.value"
             @duplicate-request="duplicateRequest"
             @edit-request="editRequest"
@@ -978,4 +979,22 @@ const isAlreadyInRoot = (id: string) => {
   const indexPath = pathToIndex(id)
   return indexPath.length === 1
 }
+
+const isActiveRequest = (requestID: string) => {
+  if (
+    tabs.currentActiveTab.value.document.saveContext?.originLocation !==
+    "workspace-user-collection"
+  ) {
+    return false
+  }
+
+  const requestHandle = ref(
+    tabs.currentActiveTab.value.document.saveContext?.requestHandle
+  )
+
+  if (requestHandle.value.type === "invalid") {
+    return false
+  }
+  return requestHandle.value.data.request.id === requestID
+}
 </script>