fix(eap-export): update parent export file for eap

Author: shreeyash07

app/src/App/routes/index.tsx

@@ -1226,30 +1226,16 @@ const eapDevelopmentRegistrationForm = customWrapRoute({
     },
 });
 
-const eapFullExport = customWrapRoute({
-    parent: rootLayout,
-    path: 'eap/:eapId/full/export',
-    component: {
-        render: () => import('#views/EapFullExport'),
-        props: {},
-    },
-    wrapperComponent: Auth,
-    context: {
-        title: 'Full EAP Export',
-        visibility: 'is-authenticated',
-    },
-});
-
-const simplifiedEapExport = customWrapRoute({
+const eapExport = customWrapRoute({
     parent: rootLayout,
     path: 'eap/:eapId/export',
     component: {
-        render: () => import('#views/SimplifiedEapExport'),
+        render: () => import('#views/EapExport'),
         props: {},
     },
     wrapperComponent: Auth,
     context: {
-        title: 'Simplified EAP Export',
+        title: 'EAP Export',
         visibility: 'is-authenticated',
     },
 });
@@ -1532,8 +1518,7 @@ const wrappedRoutes = {
     drefProcessLayout,
     eapRegistrationLayout,
     eapDevelopmentRegistrationForm,
-    simplifiedEapExport,
-    eapFullExport,
+    eapExport,
 };
 
 export const unwrappedRoutes = unwrapRoute(Object.values(wrappedRoutes));

app/src/views/AccountMyFormsEap/EapTableActions/index.tsx

@@ -60,22 +60,9 @@ function EapTableActions(props: Props) {
     return (
         <>
             <ListView layout="block">
-                {type === 'development' && eap.eap_type === EAP_TYPE_SIMPLIFIED && (
-                    <Link
-                        to="simplifiedEapExport"
-                        urlParams={{ eapId: eap.id }}
-                        urlSearch={isDefined(details?.data.version)
-                            ? `version=${details.data.version}`
-                            : undefined}
-                        title="Preview export"
-                        before={<DocumentPdfLineIcon fontSize={18} />}
-                    >
-                        Preview export
-                    </Link>
-                )}
-                {type === 'development' && eap.eap_type === EAP_TYPE_FULL && (
+                {type === 'development' && (
                     <Link
-                        to="eapFullExport"
+                        to="eapExport"
                         urlParams={{ eapId: eap.id }}
                         urlSearch={isDefined(details?.data.version)
                             ? `version=${details.data.version}`

app/src/views/EapExport/index.tsx

@@ -0,0 +1,36 @@
+import { useParams } from 'react-router-dom';
+import {
+    isFalsyString,
+    isTruthyString,
+} from '@togglecorp/fujs';
+
+import { EAP_TYPE_FULL } from '#utils/constants';
+import { useRequest } from '#utils/restRequest';
+import EapFullExport from '#views/EapFullExport';
+import SimplifiedEapExport from '#views/SimplifiedEapExport';
+
+/** @knipignore */
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+    const { eapId } = useParams<{ eapId: string }>();
+
+    const { response: eapRegistrationResponse } = useRequest({
+        skip: isFalsyString(eapId),
+        url: '/api/v2/eap-registration/{id}/',
+        pathVariables: isTruthyString(eapId)
+            ? {
+                id: Number(eapId),
+            }
+            : undefined,
+    });
+
+    const eapType = eapRegistrationResponse?.eap_type;
+
+    return eapType === EAP_TYPE_FULL ? (
+        <EapFullExport />
+    ) : (
+        <SimplifiedEapExport />
+    );
+}
+
+Component.displayName = 'EapExport';

app/src/views/EapFullExport/index.tsx

@@ -38,8 +38,7 @@ type Sector = NonNullable<
 >['sector'];
 
 /** @knipignore */
-// eslint-disable-next-line import/prefer-default-export
-export function Component() {
+export default function EapFullExport() {
     const { eapId } = useParams<{ eapId: string }>();
 
     const [searchParams] = useSearchParams();
@@ -1762,5 +1761,3 @@ export function Component() {
         </PrintablePage>
     );
 }
-
-Component.displayName = 'EapFullExport';

app/src/views/SimplifiedEapExport/index.tsx

@@ -24,8 +24,7 @@ import i18n from './i18n.json';
 import styles from './styles.module.css';
 
 /** @knipignore */
-// eslint-disable-next-line import/prefer-default-export
-export function Component() {
+export default function SimplifiedEapExport() {
     const { eapId } = useParams<{ eapId: string }>();
     const [searchParams] = useSearchParams();
 
@@ -601,5 +600,3 @@ export function Component() {
         </PrintablePage>
     );
 }
-
-Component.displayName = 'SimplifiedEapExport';