fix: show server generated summary field for field report

Author: samshara

app/src/views/FieldReportForm/ContextFields/i18n.json

@@ -33,8 +33,7 @@
         "fieldReportFormContextTitle": "Context",
         "fieldReportFormSearchTitle": "Search for existing emergency",
         "fieldReportFormSearchDescription": "Type the name of the country you want to report on in the box above to begin the search.",
-        "fieldPrefix": "Prefix",
-        "fieldReportFormSuffix": "Suffix"
+        "originalTitleSecondaryLabel": "Original Title"
     }
 }
 

app/src/views/FieldReportForm/ContextFields/index.tsx

@@ -11,7 +11,10 @@ import {
     TextInput,
 } from '@ifrc-go/ui';
 import { useTranslation } from '@ifrc-go/ui/hooks';
-import { isNotDefined } from '@togglecorp/fujs';
+import {
+    isNotDefined,
+    isTruthyString,
+} from '@togglecorp/fujs';
 import {
     type EntriesAsList,
     type Error,
@@ -163,11 +166,6 @@ function ContextFields(props: Props) {
 
     const summaryVisible = !value.is_covid_report;
 
-    const preferredColumnNoForSummary = Math.max(
-        summaryVisible ? 1 : 0,
-        1,
-    ) as 1 | 2 | 3;
-
     return (
         <Container
             heading={strings.fieldReportFormContextTitle}
@@ -285,20 +283,32 @@ function ContextFields(props: Props) {
                 title={strings.summaryLabel}
                 description={strings.summaryDescription}
                 withAsteriskOnTitle
-                numPreferredColumns={preferredColumnNoForSummary}
+                numPreferredColumns={1}
             >
                 {summaryVisible && (
-                    <TextInput
-                        label={strings.titleSecondaryLabel}
-                        placeholder={strings.titleInputPlaceholder}
-                        name="title"
-                        value={value.title}
-                        maxLength={256}
-                        onChange={onValueChange}
-                        error={error?.title}
-                        disabled={disabled}
-                        withAsterisk
-                    />
+                    <>
+                        <TextInput
+                            label={strings.titleSecondaryLabel}
+                            placeholder={strings.titleInputPlaceholder}
+                            name="title"
+                            value={value.title}
+                            maxLength={256}
+                            onChange={onValueChange}
+                            error={error?.title}
+                            disabled={disabled}
+                            withAsterisk
+                        />
+                        {isTruthyString(value.summary) && (
+                            <TextInput
+                                label={strings.originalTitleSecondaryLabel}
+                                name="summary"
+                                value={value.summary}
+                                onChange={onValueChange}
+                                error={error?.summary}
+                                disabled
+                            />
+                        )}
+                    </>
                 )}
             </InputSection>
             <InputSection

app/src/views/FieldReportForm/common.ts

@@ -311,23 +311,23 @@ export const reportSchema: FormSchema = {
         });
 
         // CONTEXT
-        // baseSchema = addCondition(
-        //     baseSchema,
-        //     value,
-        //     ['status', 'is_covid_report', 'dtype'],
-        //     ['summary'],
-        //     (val): Pick<FormSchemaFields, 'summary'> => {
-        //         const reportType = getReportType(val?.status, val?.is_covid_report, val?.dtype);
-        //         if (reportType === 'COVID') {
-        //             return {
-        //                 summary: { forceValue: nullValue },
-        //             };
-        //         }
-        //         return {
-        //             summary: { required: true, requiredValidation: requiredStringCondition },
-        //         };
-        //     },
-        // );
+        baseSchema = addCondition(
+            baseSchema,
+            value,
+            ['status', 'is_covid_report', 'dtype'],
+            ['summary'],
+            (val): Pick<FormSchemaFields, 'summary'> => {
+                const reportType = getReportType(val?.status, val?.is_covid_report, val?.dtype);
+                if (reportType === 'COVID') {
+                    return {
+                        summary: { forceValue: nullValue },
+                    };
+                }
+                return {
+                    summary: { required: true, requiredValidation: requiredStringCondition },
+                };
+            },
+        );
 
         // SITUATION / RISK ANALYSIS