diff --git a/packages/hoppscotch-app/components/app/Footer.vue b/packages/hoppscotch-app/components/app/Footer.vue
index 34e201560..c8f4b7cd5 100644
--- a/packages/hoppscotch-app/components/app/Footer.vue
+++ b/packages/hoppscotch-app/components/app/Footer.vue
@@ -168,6 +168,7 @@
+
@@ -181,6 +182,7 @@ import { useI18n } from "~/helpers/utils/composables"
const t = useI18n()
const showShortcuts = ref(false)
const showShare = ref(false)
+const showSearch = ref(false)
defineActionHandler("flyouts.keybinds.toggle", () => {
showShortcuts.value = !showShortcuts.value
@@ -190,6 +192,10 @@ defineActionHandler("modals.share.toggle", () => {
showShare.value = !showShare.value
})
+defineActionHandler("modals.search.toggle", () => {
+ showSearch.value = !showSearch.value
+})
+
const EXPAND_NAVIGATION = useSetting("EXPAND_NAVIGATION")
const SIDEBAR = useSetting("SIDEBAR")
const ZEN_MODE = useSetting("ZEN_MODE")
diff --git a/packages/hoppscotch-app/components/app/Header.vue b/packages/hoppscotch-app/components/app/Header.vue
index fc1ee2a57..fe368da9f 100644
--- a/packages/hoppscotch-app/components/app/Header.vue
+++ b/packages/hoppscotch-app/components/app/Header.vue
@@ -25,7 +25,7 @@
:title="`${t('app.search')} /`"
svg="search"
class="rounded hover:bg-primaryDark focus-visible:bg-primaryDark"
- @click.native="showSearch = true"
+ @click.native="invokeAction('modals.search.toggle')"
/>
-
@@ -139,7 +138,7 @@ import {
useI18n,
useToast,
} from "~/helpers/utils/composables"
-import { defineActionHandler } from "~/helpers/actions"
+import { defineActionHandler, invokeAction } from "~/helpers/actions"
const t = useI18n()
@@ -153,7 +152,6 @@ const toast = useToast()
const showInstallPrompt = ref(() => Promise.resolve()) // Async no-op till it is initialized
const showSupport = ref(false)
-const showSearch = ref(false)
const showLogin = ref(false)
const showTeamsModal = ref(false)
@@ -164,9 +162,6 @@ const currentUser = useReadonlyStream(probableUser$, null)
defineActionHandler("modals.support.toggle", () => {
showSupport.value = !showSupport.value
})
-defineActionHandler("modals.search.toggle", () => {
- showSearch.value = !showSearch.value
-})
onMounted(() => {
window.addEventListener("online", () => {
diff --git a/packages/hoppscotch-app/components/graphql/RequestOptions.vue b/packages/hoppscotch-app/components/graphql/RequestOptions.vue
index fb5cc8044..b5bfe60ff 100644
--- a/packages/hoppscotch-app/components/graphql/RequestOptions.vue
+++ b/packages/hoppscotch-app/components/graphql/RequestOptions.vue
@@ -15,6 +15,10 @@
{
const clearGQLVariables = () => {
variableString.value = ""
}
+
+defineActionHandler("request.send-cancel", runQuery)
+defineActionHandler("request.save", saveRequest)
+defineActionHandler("request.reset", clearGQLQuery)
diff --git a/packages/hoppscotch-app/helpers/backend/types/TeamName.ts b/packages/hoppscotch-app/helpers/backend/types/TeamName.ts
index 0f981db0d..bbcdb6c0a 100644
--- a/packages/hoppscotch-app/helpers/backend/types/TeamName.ts
+++ b/packages/hoppscotch-app/helpers/backend/types/TeamName.ts
@@ -6,7 +6,7 @@ interface TeamNameBrand {
export const TeamNameCodec = t.brand(
t.string,
- (x): x is t.Branded => x.trim().length > 6,
+ (x): x is t.Branded => x.trim().length >= 6,
"TeamName"
)