Pass null in invalidText in TextOutput

Author: shreeyash07

app/src/views/DrefApplicationExport/PgaExport/index.tsx

@@ -155,14 +155,14 @@ function PgaExport() {
                     <TextOutput
                         className={styles.drefTable}
                         label={strings.imminentDrefSigned}
-                        invalidText
+                        invalidText={null}
                         strongLabel
                         withoutLabelColon
                     />
                     <TextOutput
                         className={styles.drefTable}
                         label={strings.imminentIFRCSigned}
-                        invalidText
+                        invalidText={null}
                         strongLabel
                         withoutLabelColon
                     />

app/src/views/DrefApplicationExport/i18n.json

@@ -118,6 +118,7 @@
         "dateAndGeographicalArea": "(Date and geographical area)",
         "sourceInformationAttachments": "Include the link to the source of information or indicate if shared as attachments.",
         "plan": "Plan",
+        "plannedInterventionAltText": "Planned Intervention Image",
         "planDescription": "If the National Society has developed contingency plans, or recently carried out PER assessment or readiness check for instance, kindly attached those documents to the request."
     }
-}
+}

app/src/views/DrefApplicationExport/index.tsx

@@ -1091,7 +1091,7 @@ export function Component() {
                             </ul>
                         ))}
                         withoutLabelColon
-                        invalidText
+                        invalidText={null}
                     />
                     <TextOutput
                         className={styles.actionsItem}
@@ -1100,26 +1100,23 @@ export function Component() {
                             <TextOutput
                                 key={action.id}
                                 className={styles.actionsItem}
-                                label=""
                                 value={action.budget}
-                                invalidText
+                                invalidText={null}
                                 withoutLabelColon
                             />
                         ))}
                         withoutLabelColon
-                        invalidText
+                        invalidText={null}
                     />
 
                     <TextOutput
                         className={styles.actionsItem}
-                        label=""
                         value={strings.priorityActionsEarlyResponse}
                         withoutLabelColon
                         strongValue
                     />
                     <TextOutput
                         className={styles.actionsItem}
-                        label=""
                         value={proposedActionsByType[EARLY_RESPONSE]?.map((response) => (
                             <ul key={response.id}>
                                 <li>
@@ -1135,22 +1132,20 @@ export function Component() {
                             </ul>
                         ))}
                         withoutLabelColon
-                        invalidText
+                        invalidText={null}
                     />
                     <TextOutput
                         className={styles.actionsItem}
-                        label=""
                         value={proposedActionsByType[EARLY_RESPONSE]?.map((response) => (
                             <TextOutput
                                 className={styles.actionsItem}
-                                label=""
                                 value={response.budget}
-                                invalidText
+                                invalidText={null}
                                 withoutLabelColon
                             />
                         ))}
                         withoutLabelColon
-                        invalidText
+                        invalidText={null}
                     />
                     <div className={styles.actionsItem} />
                     <TextOutput
@@ -1162,49 +1157,42 @@ export function Component() {
                     />
                     <TextOutput
                         className={styles.actionsItem}
-                        label=""
                         value={drefResponse?.sub_total}
                         withoutLabelColon
                     />
                     <div className={styles.actionsItem} />
                     <TextOutput
                         className={styles.costItem}
-                        label=""
                         value={strings.priorityActionsSurgeDeployment}
                         withoutLabelColon
                         strongValue
                     />
                     <TextOutput
                         className={styles.actionsItem}
-                        label=""
                         value={drefResponse?.surge_deployment_cost}
                         withoutLabelColon
                     />
                     <div className={styles.actionsItem} />
                     <TextOutput
                         className={styles.costItem}
-                        label=""
                         value={strings.priorityActionsIndirectCost}
                         withoutLabelColon
                         strongValue
                     />
                     <TextOutput
                         className={styles.actionsItem}
-                        label=""
                         value={drefResponse?.indirect_cost}
                         withoutLabelColon
                     />
                     <div className={styles.actionsItem} />
                     <TextOutput
                         className={styles.costItem}
-                        label=""
                         value={strings.priorityActionsTotal}
                         withoutLabelColon
                         strongValue
                     />
                     <TextOutput
                         className={styles.actionsItem}
-                        label=""
                         value={drefResponse?.total}
                         withoutLabelColon
                     />
@@ -1345,7 +1333,7 @@ export function Component() {
                                 <img
                                     className={styles.icon}
                                     src={plannedIntervention.image_url}
-                                    alt=""
+                                    alt={strings.plannedInterventionAltText}
                                 />
                                 {plannedIntervention.title_display}
                             </Heading>