chore: transaction view feature flag (#1472)

juspay · Sep 25, 2024 · 8b48ef4 · 8b48ef4
1 parent 0d3433e
commit 8b48ef4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/config/config.toml b/config/config.toml
@@ -47,3 +47,4 @@ performance_monitor=false
 new_analytics=false
 down_time=false
 tax_processor=true
+transaction_view=false
diff --git a/src/entryPoints/FeatureFlagUtils.res b/src/entryPoints/FeatureFlagUtils.res
@@ -34,6 +34,7 @@ type featureFlag = {
   newAnalytics: bool,
   downTime: bool,
   taxProcessor: bool,
+  transactionView: bool,
 }
 
 let featureFlagType = (featureFlags: JSON.t) => {
@@ -75,6 +76,7 @@ let featureFlagType = (featureFlags: JSON.t) => {
     newAnalytics: dict->getBool("new_analytics", false),
     downTime: dict->getBool("down_time", false),
     taxProcessor: dict->getBool("tax_processor", false),
+    transactionView: dict->getBool("transaction_view", false),
   }
   typedFeatureFlag
 }
diff --git a/src/screens/Order/Orders.res b/src/screens/Order/Orders.res
@@ -28,7 +28,8 @@ let make = (~previewOnly=false) => {
   let pageDetailDict = Recoil.useRecoilValueFromAtom(LoadedTable.table_pageDetails)
   let pageDetail = pageDetailDict->Dict.get("Orders")->Option.getOr(defaultValue)
   let (offset, setOffset) = React.useState(_ => pageDetail.offset)
-  let {generateReport} = HyperswitchAtom.featureFlagAtom->Recoil.useRecoilValueFromAtom
+  let {generateReport, transactionView} =
+    HyperswitchAtom.featureFlagAtom->Recoil.useRecoilValueFromAtom
 
   let fetchOrders = () => {
     if !previewOnly {
@@ -142,9 +143,11 @@ let make = (~previewOnly=false) => {
           </RenderIf>
         </div>
       </div>
-      <div className="flex gap-6 justify-around">
-        <TransactionView entity=TransactionViewTypes.Orders />
-      </div>
+      <RenderIf condition={transactionView}>
+        <div className="flex gap-6 justify-around">
+          <TransactionView entity=TransactionViewTypes.Orders />
+        </div>
+      </RenderIf>
       <div className="flex">
         <RenderIf condition={!previewOnly}>
           <div className="flex-1"> {filtersUI} </div>