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={strings.previewExportLink}
-                        before={<DocumentPdfLineIcon fontSize={18} />}
-                    >
-                        {strings.previewExportLink}
-                    </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,47 @@
+import { useParams } from 'react-router-dom';
+import {
+    isFalsyString,
+    isNotDefined,
+    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 { pending: eapRegistrationPending, response: eapRegistrationResponse } = useRequest({
+        skip: isFalsyString(eapId),
+        url: '/api/v2/eap-registration/{id}/',
+        pathVariables: isTruthyString(eapId)
+            ? {
+                id: Number(eapId),
+            }
+            : undefined,
+    });
+
+    const eapType = eapRegistrationResponse?.eap_type;
+
+    if (isNotDefined(eapRegistrationResponse)) {
+        return null;
+    }
+
+    return eapType === EAP_TYPE_FULL ? (
+        <EapFullExport
+            eapRegistrationResponse={eapRegistrationResponse}
+            eapRegistrationPending={eapRegistrationPending}
+        />
+    ) : (
+        <SimplifiedEapExport
+            eapRegistrationResponse={eapRegistrationResponse}
+            eapRegistrationPending={eapRegistrationPending}
+        />
+    );
+}
+
+Component.displayName = 'EapExport';