From 528d0b0429381c91d646d8b5ae3f589d0e78789f Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Fri, 7 Oct 2022 23:00:32 +0530
Subject: [PATCH] fix: history component crashing on special characters (fixes
 #2743)

---
 packages/hoppscotch-app/src/components/history/index.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/hoppscotch-app/src/components/history/index.vue b/packages/hoppscotch-app/src/components/history/index.vue
index 4f9245e67..aecc1bc94 100644
--- a/packages/hoppscotch-app/src/components/history/index.vue
+++ b/packages/hoppscotch-app/src/components/history/index.vue
@@ -56,7 +56,7 @@
           />
         </summary>
         <component
-          :is="page == 'rest' ? HistoryRestCard : HistoryGraphqlCard"
+          :is="page === 'rest' ? HistoryRestCard : HistoryGraphqlCard"
           v-for="(entry, index) in filteredHistoryGroup"
           :id="index"
           :key="`entry-${index}`"
@@ -122,7 +122,7 @@ import {
   isEqualHoppRESTRequest,
   safelyExtractRESTRequest,
 } from "@hoppscotch/data"
-import { groupBy } from "lodash-es"
+import { groupBy, escapeRegExp } from "lodash-es"
 import { useTimeAgo } from "@vueuse/core"
 import { pipe } from "fp-ts/function"
 import * as A from "fp-ts/Array"
@@ -213,7 +213,10 @@ const filteredHistory = computed(() =>
         return (
           !!input.updatedOn &&
           (filterText.value.length === 0 ||
-            deepCheckForRegex(input, new RegExp(filterText.value, "gi")))
+            deepCheckForRegex(
+              input,
+              new RegExp(escapeRegExp(filterText.value), "gi")
+            ))
         )
       }
     ),