Merge pull request #1636 from IFRCGo/feature/redirect-obsolete-urls

Redirect obsolete URLs

Author: samshara

.changeset/thirty-beans-beam.md

@@ -0,0 +1,7 @@
+---
+"go-web-app": patch
+---
+
+Redirect obsolete URLs to recent ones
+ - reports/999 -> field-reports/999
+ - deployments -> surge/overview

app/src/App/routes/SurgeRoutes.tsx

@@ -1443,6 +1443,23 @@ const deploymentCatalogueChildren = customWrapRoute({
     },
 });
 
+const obsoleteUrlDeployments = customWrapRoute({
+    parent: rootLayout,
+    path: 'deployments',
+    component: {
+        eagerLoad: true,
+        render: Navigate,
+        props: {
+            to: surgeOverview.absolutePath,
+        },
+    },
+    wrapperComponent: Auth,
+    context: {
+        title: 'Surge Overview',
+        visibility: 'anything',
+    },
+});
+
 export default {
     surgeLayout,
     surgeOverview,
@@ -1537,4 +1554,5 @@ export default {
     deploymentCatalogueIndex,
     deploymentCatalogueChildren,
     deploymentOthers,
+    obsoleteUrlDeployments,
 };

app/src/App/routes/index.tsx

@@ -1,4 +1,8 @@
-import { Navigate } from 'react-router-dom';
+import {
+    generatePath,
+    Navigate,
+    useParams,
+} from 'react-router-dom';
 
 import { unwrapRoute } from '#utils/routes';
 
@@ -1187,6 +1191,40 @@ const preparednessOperationalLearning = customWrapRoute({
     },
 });
 
+// eslint-disable-next-line react-refresh/only-export-components
+function ObsoleteFieldReportRedirection() {
+    const params = useParams<{
+        fieldReportId: string,
+    }>();
+
+    const path = generatePath(
+        fieldReportDetails.absoluteForwardPath,
+        { fieldReportId: params.fieldReportId },
+    );
+
+    return (
+        <Navigate
+            to={path}
+            replace
+        />
+    );
+}
+
+const obsoleteFieldReportDetails = customWrapRoute({
+    parent: rootLayout,
+    path: 'reports/:fieldReportId',
+    component: {
+        eagerLoad: true,
+        render: ObsoleteFieldReportRedirection,
+        props: {},
+    },
+    wrapperComponent: Auth,
+    context: {
+        title: 'Field Report Details',
+        visibility: 'anything',
+    },
+});
+
 const wrappedRoutes = {
     fourHundredFour,
     rootLayout,
@@ -1273,6 +1311,7 @@ const wrappedRoutes = {
 
     // Redirects
     preparednessOperationalLearning,
+    obsoleteFieldReportDetails,
 };
 
 export const unwrappedRoutes = unwrapRoute(Object.values(wrappedRoutes));