bugfix/fwf-4089-Hide-default-task-var (#2439)

* bugfix/fwf-4089-Hide-default-task-var * used set for improved readability
AOT-Technologies · Dec 18, 2024 · e71c949 · e71c949
1 parent 2562d8f
commit e71c949
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/forms-flow-web/src/components/Modals/TaskVariableModal.js b/forms-flow-web/src/components/Modals/TaskVariableModal.js
@@ -19,15 +19,20 @@ import {
 //TBD in case of Bundle form display
 const PillList = React.memo(({ alternativeLabels, onRemove }) => {
   const { t } = useTranslation();
+  // Filter out applicationId and applicationStatus
+  const ignoreKeywords = new Set(["applicationId", "applicationStatus"]);
+  const filteredVariablePills = Object.values(alternativeLabels).filter(
+    ({ key }) => !ignoreKeywords.has(key)
+  );
   return (
     <div className="pill-container">
-      {Object.values(alternativeLabels).length ? (
-        Object.values(alternativeLabels).map(
+      {filteredVariablePills.length ? (
+        filteredVariablePills.map(
           ({key, altVariable, labelOfComponent }) => (
             <CustomPill
               key={key}
               label={altVariable || labelOfComponent}
-              icon={(key !== "applicationId" && key !== "applicationStatus") && <CloseIcon color="#253DF4" data-testid="pill-remove-icon" />}
+              icon={<CloseIcon color="#253DF4" data-testid="pill-remove-icon" />}
               bg="#E7E9FE"
               onClick={() => onRemove(key)}
               secondaryLabel={key}