refactor(web): address-feedback

Author: tractorss

web/src/pages/NewTransaction/Terms/Deliverable/index.tsx

@@ -77,7 +77,7 @@ const Deliverable: React.FC = () => {
   };
 
   const fileFootMessage =
-    "You can attach additional information as a PDF file. Important: the above description must reference " +
+    "You can attach additional information here. Important: the above description must reference " +
     "the relevant parts of the file content.\n" +
     (getFileUploaderMsg(Roles.Policy, roleRestrictions) ?? "");
 

web/src/utils/index.ts

@@ -21,12 +21,17 @@ export const getFileUploaderMsg = (role: Roles, roleRestrictions?: Role[]) => {
 
   if (!restrictions) return;
 
-  return `Allowed file types: [ ${restrictions.restriction.allowedMimeTypes
+  const typesString = restrictions.restriction.allowedMimeTypes
     .map((type) => {
       const [prefix, suffix] = type.split("/");
       if (!suffix) return prefix ?? null;
 
       return suffix === "*" ? prefix : suffix;
     })
-    .join(", ")} ], Max allowed size: ${(restrictions.restriction.maxSize / (1024 * 1024)).toFixed(2)} MB.`;
+    .join(", ");
+
+  return `Allowed file types: [${typesString}], Max allowed size: ${(
+    restrictions.restriction.maxSize /
+    (1024 * 1024)
+  ).toFixed(2)} MB.`;
 };