fix(html-output): add maxWidth for img elements

Author: frozenhelium

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

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import { Container } from '@ifrc-go/ui';
 import { useTranslation } from '@ifrc-go/ui/hooks';
 import { isNotDefined } from '@togglecorp/fujs';
@@ -10,10 +11,15 @@ import {
     SUMMARY_STATUS_PENDING,
     SUMMARY_STATUS_SUCCESS,
 } from '#utils/domain/opsLearning';
-import { useRequest } from '#utils/restRequest';
+import {
+    type GoApiResponse,
+    useRequest,
+} from '#utils/restRequest';
 
 import i18n from './i18n.json';
 
+type OpsLearningSummaryResponse = GoApiResponse<'/api/v2/ops-learning/summary/'>;
+
 interface Props {
     disasterType: number;
     country: number;
@@ -27,8 +33,12 @@ function EmergencyLessonsLearnedFromPreviousOperations(props: Props) {
 
     const strings = useTranslation(i18n);
 
+    const [tmpResponse, setTmpResponse] = useState<OpsLearningSummaryResponse | undefined>(
+        undefined,
+    );
+
     const {
-        response: summaryResponse,
+        response: summaryResponse = tmpResponse,
         pending: summaryPending,
     } = useRequest({
         url: '/api/v2/ops-learning/summary/',
@@ -46,11 +56,13 @@ function EmergencyLessonsLearnedFromPreviousOperations(props: Props) {
                 || value?.status === SUMMARY_NO_EXTRACT_AVAILABLE;
 
             if (stopPolling) {
+                setTmpResponse(value as OpsLearningSummaryResponse);
                 return -1;
             }
 
             return 5000;
         },
+        preserveResponse: true,
     });
 
     return (

app/src/views/EmergencyOverview/index.tsx

@@ -150,6 +150,10 @@ export function Component() {
 
     const timelineEvents = useMemo(
         () => {
+            if (emergencyStage === 'field-report') {
+                return undefined;
+            }
+
             const events: EventTimelineItem[] = [];
 
             if (isDefined(firstFieldReport)

packages/ui/src/components/HtmlOutput/styles.module.css

@@ -3,6 +3,10 @@
         margin: var(--go-ui-spacing-xs);
     }
 
+    img {
+        max-width: 100%;
+    }
+
     iframe {
         width: 100%;
     }