From b32b0f9bcb62fccf342c8dd1ffca14394aee6927 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 22 Aug 2023 00:17:03 +0530
Subject: [PATCH] fix: modals inputs not working properly

---
 .../hoppscotch-common/src/components/collections/Add.vue    | 2 +-
 .../src/components/collections/AddFolder.vue                | 2 +-
 .../src/components/collections/AddRequest.vue               | 2 +-
 .../hoppscotch-common/src/components/collections/Edit.vue   | 2 +-
 .../src/components/collections/EditFolder.vue               | 2 +-
 .../src/components/collections/EditRequest.vue              | 2 +-
 .../src/components/collections/graphql/AddRequest.vue       | 2 +-
 .../src/components/collections/graphql/Edit.vue             | 2 +-
 .../src/components/environments/my/Details.vue              | 2 +-
 .../src/components/environments/teams/Details.vue           | 2 +-
 .../src/components/realtime/Subscription.vue                | 2 +-
 packages/hoppscotch-common/src/components/teams/Add.vue     | 2 +-
 packages/hoppscotch-common/src/components/teams/Edit.vue    | 6 +++---
 13 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/collections/Add.vue b/packages/hoppscotch-common/src/components/collections/Add.vue
index ff5e7aac9..2a39b7d4b 100644
--- a/packages/hoppscotch-common/src/components/collections/Add.vue
+++ b/packages/hoppscotch-common/src/components/collections/Add.vue
@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"
diff --git a/packages/hoppscotch-common/src/components/collections/AddFolder.vue b/packages/hoppscotch-common/src/components/collections/AddFolder.vue
index 02012ba51..e8f3aaf15 100644
--- a/packages/hoppscotch-common/src/components/collections/AddFolder.vue
+++ b/packages/hoppscotch-common/src/components/collections/AddFolder.vue
@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         input-styles="floating-input"
         :label="t('action.label')"
diff --git a/packages/hoppscotch-common/src/components/collections/AddRequest.vue b/packages/hoppscotch-common/src/components/collections/AddRequest.vue
index 823b977d0..3d60e17af 100644
--- a/packages/hoppscotch-common/src/components/collections/AddRequest.vue
+++ b/packages/hoppscotch-common/src/components/collections/AddRequest.vue
@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"
diff --git a/packages/hoppscotch-common/src/components/collections/Edit.vue b/packages/hoppscotch-common/src/components/collections/Edit.vue
index a191a7ee8..2199b639b 100644
--- a/packages/hoppscotch-common/src/components/collections/Edit.vue
+++ b/packages/hoppscotch-common/src/components/collections/Edit.vue
@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         input-styles="floating-input"
         :label="t('action.label')"
diff --git a/packages/hoppscotch-common/src/components/collections/EditFolder.vue b/packages/hoppscotch-common/src/components/collections/EditFolder.vue
index 7eaede46d..4df949e93 100644
--- a/packages/hoppscotch-common/src/components/collections/EditFolder.vue
+++ b/packages/hoppscotch-common/src/components/collections/EditFolder.vue
@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"
diff --git a/packages/hoppscotch-common/src/components/collections/EditRequest.vue b/packages/hoppscotch-common/src/components/collections/EditRequest.vue
index 394a5e62f..7d6140381 100644
--- a/packages/hoppscotch-common/src/components/collections/EditRequest.vue
+++ b/packages/hoppscotch-common/src/components/collections/EditRequest.vue
@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"
diff --git a/packages/hoppscotch-common/src/components/collections/graphql/AddRequest.vue b/packages/hoppscotch-common/src/components/collections/graphql/AddRequest.vue
index f103f80c0..aeeacb9a8 100644
--- a/packages/hoppscotch-common/src/components/collections/graphql/AddRequest.vue
+++ b/packages/hoppscotch-common/src/components/collections/graphql/AddRequest.vue
@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"
diff --git a/packages/hoppscotch-common/src/components/collections/graphql/Edit.vue b/packages/hoppscotch-common/src/components/collections/graphql/Edit.vue
index b28f4ba48..c6bc7c5a4 100644
--- a/packages/hoppscotch-common/src/components/collections/graphql/Edit.vue
+++ b/packages/hoppscotch-common/src/components/collections/graphql/Edit.vue
@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"
diff --git a/packages/hoppscotch-common/src/components/environments/my/Details.vue b/packages/hoppscotch-common/src/components/environments/my/Details.vue
index 79060381f..7a2a72624 100644
--- a/packages/hoppscotch-common/src/components/environments/my/Details.vue
+++ b/packages/hoppscotch-common/src/components/environments/my/Details.vue
@@ -8,7 +8,7 @@
     <template #body>
       <div class="flex flex-col">
         <HoppSmartInput
-          v-model="name"
+          v-model="editingName"
           placeholder=" "
           :label="t('action.label')"
           input-styles="floating-input"
diff --git a/packages/hoppscotch-common/src/components/environments/teams/Details.vue b/packages/hoppscotch-common/src/components/environments/teams/Details.vue
index 952801f77..8170a42e6 100644
--- a/packages/hoppscotch-common/src/components/environments/teams/Details.vue
+++ b/packages/hoppscotch-common/src/components/environments/teams/Details.vue
@@ -8,7 +8,7 @@
     <template #body>
       <div class="flex flex-col px-2">
         <HoppSmartInput
-          v-model="name"
+          v-model="editingName"
           placeholder=" "
           :input-styles="['floating-input', isViewer && 'opacity-25']"
           :label="t('action.label')"
diff --git a/packages/hoppscotch-common/src/components/realtime/Subscription.vue b/packages/hoppscotch-common/src/components/realtime/Subscription.vue
index d39797bf0..2fcea4781 100644
--- a/packages/hoppscotch-common/src/components/realtime/Subscription.vue
+++ b/packages/hoppscotch-common/src/components/realtime/Subscription.vue
@@ -35,7 +35,7 @@
       <div class="relative flex flex-col">
         <input
           id="selectLabelAdd"
-          v-model="name"
+          v-model="editingName"
           v-focus
           class="input floating-input"
           placeholder=" "
diff --git a/packages/hoppscotch-common/src/components/teams/Add.vue b/packages/hoppscotch-common/src/components/teams/Add.vue
index 3aa95d956..8ff965282 100644
--- a/packages/hoppscotch-common/src/components/teams/Add.vue
+++ b/packages/hoppscotch-common/src/components/teams/Add.vue
@@ -2,7 +2,7 @@
   <HoppSmartModal v-if="show" dialog :title="t('team.new')" @close="hideModal">
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         :label="t('action.label')"
         placeholder=" "
         input-styles="floating-input"
diff --git a/packages/hoppscotch-common/src/components/teams/Edit.vue b/packages/hoppscotch-common/src/components/teams/Edit.vue
index f3f77a6b7..90fc88656 100644
--- a/packages/hoppscotch-common/src/components/teams/Edit.vue
+++ b/packages/hoppscotch-common/src/components/teams/Edit.vue
@@ -3,7 +3,7 @@
     <template #body>
       <div class="flex flex-col">
         <HoppSmartInput
-          v-model="name"
+          v-model="editingName"
           placeholder=" "
           :label="t('action.label')"
           input-styles="floating-input"
@@ -177,7 +177,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, toRef, watch } from "vue"
+import { computed, ref, watch } from "vue"
 import * as E from "fp-ts/Either"
 import {
   GetTeamDocument,
@@ -228,7 +228,7 @@ const props = defineProps<{
 
 const toast = useToast()
 
-const editingName = toRef(props.editingTeam, "name")
+const editingName = ref(props.editingTeam.name)
 
 watch(
   () => props.editingTeam.name,