feat: added session history

juspay · Dec 14, 2023 · f62a323 · f62a323
1 parent 79603b5
commit f62a323
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 7 deletions.
diff --git a/src/context/FilterContext.res b/src/context/FilterContext.res
@@ -1,3 +1,11 @@
+type sessionStorage = {
+  getItem: (. string) => Js.Nullable.t<string>,
+  setItem: (. string, string) => unit,
+  removeItem: (. string) => unit,
+}
+
+@val external sessionStorage: sessionStorage = "sessionStorage"
+
 type filterUpdater = {
   query: string,
   filterValue: Js.Dict.t<string>,
@@ -23,7 +31,7 @@ module Provider = {
 }
 
 @react.component
-let make = (~children) => {
+let make = (~index: string, ~children) => {
   open FilterUtils
   let (query, setQuery) = React.useState(_ => "")
   let searcParamsToDict = query->parseFilterString
@@ -102,5 +110,20 @@ let make = (~children) => {
     }
   }, (filterDict, setfilterDict))
 
+  React.useEffect0(() => {
+    switch sessionStorage.getItem(. index)->Js.Nullable.toOption {
+    | Some(value) => value->FilterUtils.parseFilterString->updateFilter.updateExistingKeys
+    | None => ()
+    }
+    None
+  })
+
+  React.useEffect1(() => {
+    if !(query->Js.String2.length < 1) {
+      sessionStorage.setItem(. index, query)
+    }
+    None
+  }, [query])
+
   <Provider value={updateFilter}> children </Provider>
 }
diff --git a/src/entryPoints/hyperswitch/HyperSwitchApp.res b/src/entryPoints/hyperswitch/HyperSwitchApp.res
@@ -247,7 +247,7 @@ let make = () => {
                           renderShow={_ => <ConnectorHome isPayoutFlow=true />}
                         />
                       | list{"payments", ...remainingPath} =>
-                        <FilterContext key="payments">
+                        <FilterContext key="payments" index="payments">
                           <EntityScaffold
                             entityName="Payments"
                             remainingPath
@@ -257,7 +257,7 @@ let make = () => {
                           />
                         </FilterContext>
                       | list{"refunds", ...remainingPath} =>
-                        <FilterContext key="refunds">
+                        <FilterContext key="refunds" index="refunds">
                           <EntityScaffold
                             entityName="Refunds"
                             remainingPath
@@ -291,15 +291,15 @@ let make = () => {
                           renderShow={_ => <UserRoleShowData />}
                         />
                       | list{"analytics-payments"} =>
-                        <FilterContext key="PaymentsAnalytics">
+                        <FilterContext key="PaymentsAnalytics" index="PaymentsAnalytics">
                           <PaymentAnalytics />
                         </FilterContext>
                       | list{"analytics-refunds"} =>
-                        <FilterContext key="PaymentsRefunds">
+                        <FilterContext key="PaymentsRefunds" index="PaymentsRefunds">
                           <RefundsAnalytics />
                         </FilterContext>
                       | list{"analytics-user-journey"} =>
-                        <FilterContext key="UserJourneyAnalytics">
+                        <FilterContext key="UserJourneyAnalytics" index="UserJourneyAnalytics">
                           <UserJourneyAnalytics />
                         </FilterContext>
                       | list{"monitoring"} => comingSoonPage
@@ -308,7 +308,7 @@ let make = () => {
                         <UIUtils.RenderIf
                           condition={userRole->Js.String2.includes("internal_") &&
                             featureFlagDetails.systemMetrics}>
-                          <FilterContext key="SystemMetrics">
+                          <FilterContext key="SystemMetrics" index="SystemMetrics">
                             <SystemMetricsAnalytics />
                           </FilterContext>
                         </UIUtils.RenderIf>