From 25a519a2e9f81dba90edd5031ff4eef893f79c6a Mon Sep 17 00:00:00 2001
From: Nivedin <53208152+nivedin@users.noreply.github.com>
Date: Thu, 18 Jul 2024 15:20:57 +0530
Subject: [PATCH] fix: wrap line button showing inconsistency bug (#4188)

---
 packages/hoppscotch-common/src/components/graphql/Headers.vue   | 1 +
 packages/hoppscotch-common/src/components/http/Headers.vue      | 2 +-
 .../hoppscotch-common/src/components/http/RequestVariables.vue  | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/graphql/Headers.vue b/packages/hoppscotch-common/src/components/graphql/Headers.vue
index 2d36fcd3..f6b7dc4c 100644
--- a/packages/hoppscotch-common/src/components/graphql/Headers.vue
+++ b/packages/hoppscotch-common/src/components/graphql/Headers.vue
@@ -25,6 +25,7 @@
         @click="clearContent()"
       />
       <HoppButtonSecondary
+        v-if="bulkMode"
         v-tippy="{ theme: 'tooltip' }"
         :title="t('state.linewrap')"
         :class="{ '!text-accent': WRAP_LINES }"
diff --git a/packages/hoppscotch-common/src/components/http/Headers.vue b/packages/hoppscotch-common/src/components/http/Headers.vue
index f4703a79..10212f6d 100644
--- a/packages/hoppscotch-common/src/components/http/Headers.vue
+++ b/packages/hoppscotch-common/src/components/http/Headers.vue
@@ -26,7 +26,7 @@
           @click="clearContent()"
         />
         <HoppButtonSecondary
-          v-if="bulkHeaders"
+          v-if="bulkMode"
           v-tippy="{ theme: 'tooltip' }"
           :title="t('state.linewrap')"
           :class="{ '!text-accent': WRAP_LINES }"
diff --git a/packages/hoppscotch-common/src/components/http/RequestVariables.vue b/packages/hoppscotch-common/src/components/http/RequestVariables.vue
index e52da266..352e390b 100644
--- a/packages/hoppscotch-common/src/components/http/RequestVariables.vue
+++ b/packages/hoppscotch-common/src/components/http/RequestVariables.vue
@@ -21,7 +21,7 @@
           @click="clearContent()"
         />
         <HoppButtonSecondary
-          v-if="bulkVariables"
+          v-if="bulkMode"
           v-tippy="{ theme: 'tooltip' }"
           :title="t('state.linewrap')"
           :class="{ '!text-accent': WRAP_LINES }"