fix(typing): Fix existing typing issues

Author: frozenhelium

app/src/components/PerExportModal/index.tsx

@@ -45,6 +45,7 @@ function PerExportModal(props: Props) {
             export_id: Number(perId),
             export_type: 'per' as const,
             per_country: Number(countryId),
+            is_pga: false,
         }),
         [perId, countryId],
     );

app/src/components/SelectOutput/index.tsx

@@ -3,7 +3,7 @@ import { TextOutput } from '@ifrc-go/ui';
 import { isDefined } from '@togglecorp/fujs';
 
 interface Props<VALUE, OPTION> {
-    className: string;
+    className?: string;
     value: VALUE | undefined;
     options: OPTION[] | undefined;
     keySelector: (datum: OPTION) => VALUE;

app/src/components/domain/DrefExportModal/index.tsx

@@ -57,7 +57,8 @@ function DrefExportModal(props: Props) {
                 export_id: id,
                 export_type: type,
                 selector: '#pdf-preview-ready',
-                per_country: undefined, // FIXME: typing is altered by the useRequest function
+                per_country: undefined,
+                is_pga: false,
             };
         },
         [id, applicationType],

app/src/views/AccountMyFormsDref/DrefTableActions/index.tsx

@@ -142,6 +142,7 @@ function DrefTableActions(props: Props) {
                 allocationRequested: response?.additional_allocation,
                 previousAllocation: response?.dref_allocated_so_far ?? 0,
                 totalDREFAllocation: response?.total_dref_allocation,
+                noOfPeopleTargeted: response?.number_of_people_targeted,
                 toBeAllocatedFrom:
                     response?.type_of_dref_display === 'Imminent'
                     // FIXME: can't compare imminent with Anticipatory Pillar

app/src/views/DrefOperationalUpdateForm/schema.ts

@@ -52,13 +52,15 @@ export type OpsUpdateRequestBody = GoApiBody<'/api/v2/dref-op-update/{id}/', 'PA
 };
 
 type NeedIdentifiedResponse = NonNullable<OpsUpdateRequestBody['needs_identified']>[number];
+type NsActionResponse = NonNullable<OpsUpdateRequestBody['national_society_actions']>[number];
 type InterventionResponse = NonNullable<OpsUpdateRequestBody['planned_interventions']>[number];
 type IndicatorResponse = NonNullable<InterventionResponse['indicators']>[number];
 type RiskSecurityResponse = NonNullable<OpsUpdateRequestBody['risk_security']>[number];
 type ImagesFileResponse = NonNullable<OpsUpdateRequestBody['images_file']>[number];
 type SourceInformationResponse = NonNullable<OpsUpdateRequestBody['source_information']>[number];
 
 type NeedIdentifiedFormFields = NeedIdentifiedResponse & { client_id: string };
+type NsActionFormFields = NsActionResponse & { client_id: string; }
 type InterventionFormFields = InterventionResponse & { client_id: string };
 type IndicatorFormFields = IndicatorResponse & { client_id: string };
 type SourceInformationFormFields = SourceInformationResponse & { client_id: string };
@@ -81,9 +83,13 @@ type OpsUpdateFormFields = (
                         DeepReplace<
                             DeepReplace<
                                 DeepReplace<
-                                    OpsUpdateRequestBody,
-                                    NeedIdentifiedResponse,
-                                    NeedIdentifiedFormFields
+                                    DeepReplace<
+                                        OpsUpdateRequestBody,
+                                        NeedIdentifiedResponse,
+                                        NeedIdentifiedFormFields
+                                    >,
+                                    NsActionResponse,
+                                    NsActionFormFields
                                 >,
                                 InterventionResponse,
                                 InterventionFormFields

app/src/views/OperationalLearning/Sources/AllExtractsModal/Extract/index.tsx

@@ -15,7 +15,7 @@ interface Props {
     emergencyName: string | null | undefined;
     appealDocumentURL: string;
     extract: string | null | undefined;
-    operationStartDate: string;
+    operationStartDate: string | null | undefined;
 }
 function Extract(props: Props) {
     const {

app/src/views/OperationalLearning/Stats/OperationalLearningMap/index.tsx

@@ -87,7 +87,7 @@ function OperationalLearningMap(props: Props) {
             }
 
             const features = learningByCountry
-                .map((value) => {
+                ?.map((value) => {
                     const country = countriesMap?.[value.country_id];
                     if (isNotDefined(country)) {
                         return undefined;

app/src/views/SurgeCatalogueBasecampOffice/index.tsx

@@ -66,7 +66,6 @@ export function Component() {
                     label={strings.compositionLabel}
                     strongLabel
                 />
-                <div>{strings.compositionDescription}</div>
             </SurgeContentContainer>
             <SurgeContentContainer
                 heading={strings.standardComponents}