Merged in r2-3134-non-harcoded-modules-translated (pull request #7092)

R2-3134 - Non-hardcoded modules do not appear as translated in the forms list

Approved-by: Joshua Toliver

Author: dhernandez-quoin

app/javascript/components/pages/admin/form-builder/forms.js

@@ -90,7 +90,7 @@ export const settingsForm = ({ formMode, onManageTranslation, onEnglishTextChang
               name: MODULES_FIELD,
               type: SELECT_FIELD,
               option_strings_source: "Module",
-              multipleLimitOne: true,
+              multi_select: true,
               required: true,
               clearDependentValues: [RECORD_TYPE_FIELD, [FORM_GROUP_FIELD, []]],
               clearDependentReason: [SELECT_CHANGE_REASON.clear],

app/javascript/components/pages/admin/forms-list/components/table-row/component.jsx

@@ -3,24 +3,28 @@
 import PropTypes from "prop-types";
 import { Link } from "react-router-dom";
 import { Draggable } from "react-beautiful-dnd";
-import findKey from "lodash/findKey";
 import { cx } from "@emotion/css";
 
 import { useI18n } from "../../../../../i18n";
-import { MODULES, RECORD_PATH } from "../../../../../../config";
+import { RECORD_PATH } from "../../../../../../config";
 import css from "../../styles.css";
 import DragIndicator from "../drag-indicator";
 import LockedIcon from "../../../../../locked-icon";
+import { useMemoizedSelector } from "../../../../../../libs";
+import { selectModules } from "../../../../../application";
 
 function Component({ name, modules, parentForm, uniqueID, id, index, editable, isDragDisabled = false }) {
+  const primeroModules = useMemoizedSelector(state => selectModules(state));
   const i18n = useI18n();
 
   const nameStyles = cx({
     [css.formName]: true,
     [css.protected]: !editable
   });
 
-  const formSectionModules = modules.map(module => findKey(MODULES, value => module === value))?.join(", ");
+  const formSectionModules = modules
+    .map(module => primeroModules.find(primeroModule => primeroModule.unique_id === module)?.name)
+    ?.join(", ");
 
   const renderIcon = !editable ? <LockedIcon /> : null;