diff --git a/forms-flow-web/src/components/Modals/TaskVariableModal.js b/forms-flow-web/src/components/Modals/TaskVariableModal.js index 187340597..02087aaad 100644 --- 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 (
- {Object.values(alternativeLabels).length ? ( - Object.values(alternativeLabels).map( + {filteredVariablePills.length ? ( + filteredVariablePills.map( ({key, altVariable, labelOfComponent }) => ( } + icon={} bg="#E7E9FE" onClick={() => onRemove(key)} secondaryLabel={key}