Merge pull request #1075 from IFRCGo/feature/fix-dref-export

Fix dref export issue

Author: samshara

.changeset/sharp-hornets-run.md

@@ -0,0 +1,5 @@
+---
+"go-web-app": patch
+---
+
+Fix DREF exports margins and use consistent date format

app/src/views/DrefApplicationExport/index.tsx

@@ -4,18 +4,17 @@ import {
     useState,
 } from 'react';
 import { useParams } from 'react-router-dom';
-import {
-    Container,
-    DateOutput,
-} from '@ifrc-go/ui';
+import { DateOutput } from '@ifrc-go/ui';
 import { useTranslation } from '@ifrc-go/ui/hooks';
 import {
+    Container,
     DescriptionText,
     Heading,
     Image,
     TextOutput,
     type TextOutputProps,
 } from '@ifrc-go/ui/printable';
+import { DEFAULT_PRINT_DATE_FORMAT } from '@ifrc-go/ui/utils';
 import {
     _cs,
     isDefined,
@@ -443,6 +442,7 @@ export function Component() {
                     className={styles.metaItem}
                     label={strings.operationStartDateLabel}
                     value={drefResponse?.date_of_approval}
+                    valueType="date"
                     strongValue
                 />
                 <TextOutput
@@ -504,6 +504,7 @@ export function Component() {
                         >
                             <DateOutput
                                 value={drefResponse?.event_date}
+                                format={DEFAULT_PRINT_DATE_FORMAT}
                             />
                         </Container>
                     )}
@@ -665,6 +666,7 @@ export function Component() {
                         >
                             <DateOutput
                                 value={drefResponse?.ns_respond_date}
+                                format={DEFAULT_PRINT_DATE_FORMAT}
                             />
                         </Container>
                     )}

app/src/views/DrefFinalReportExport/index.tsx

@@ -5,18 +5,19 @@ import {
 } from 'react';
 import { useParams } from 'react-router-dom';
 import {
-    Container,
     DateOutput,
     NumberOutput,
 } from '@ifrc-go/ui';
 import { useTranslation } from '@ifrc-go/ui/hooks';
 import {
+    Container,
     DescriptionText,
     Heading,
     Image,
     TextOutput,
     type TextOutputProps,
 } from '@ifrc-go/ui/printable';
+import { DEFAULT_PRINT_DATE_FORMAT } from '@ifrc-go/ui/utils';
 import {
     _cs,
     isDefined,
@@ -427,6 +428,7 @@ export function Component() {
                         >
                             <DateOutput
                                 value={drefResponse?.event_date}
+                                format={DEFAULT_PRINT_DATE_FORMAT}
                             />
                         </Container>
                     )}

app/src/views/DrefOperationalUpdateExport/index.tsx

@@ -8,18 +8,19 @@ import {
     useParams,
 } from 'react-router-dom';
 import {
-    Container,
     DateOutput,
     NumberOutput,
 } from '@ifrc-go/ui';
 import { useTranslation } from '@ifrc-go/ui/hooks';
 import {
+    Container,
     DescriptionText,
     Heading,
     Image,
     TextOutput,
     type TextOutputProps,
 } from '@ifrc-go/ui/printable';
+import { DEFAULT_PRINT_DATE_FORMAT } from '@ifrc-go/ui/utils';
 import {
     _cs,
     isDefined,
@@ -492,6 +493,7 @@ export function Component() {
                         >
                             <DateOutput
                                 value={drefResponse?.event_date}
+                                format={DEFAULT_PRINT_DATE_FORMAT}
                             />
                         </Container>
                     )}
@@ -655,6 +657,7 @@ export function Component() {
                             >
                                 <DateOutput
                                     value={drefResponse?.ns_respond_date}
+                                    format={DEFAULT_PRINT_DATE_FORMAT}
                                 />
                             </Container>
                         )}