Dispatch: redirect on 1 item

https://forum.ansible.com/t/improvements-to-new-galaxy-s-404-error-pages-and-redirects/1888
No-Issue

Author: himdel

src/containers/not-found/dispatch.tsx

@@ -1,7 +1,7 @@
 import { Trans, t } from '@lingui/macro';
 import { Bullseye, DataList } from '@patternfly/react-core';
 import React, { ReactNode, useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, Navigate } from 'react-router-dom';
 import NotFoundImage from 'src/../static/images/not_found.svg';
 import { CollectionVersionAPI, LegacyRoleAPI } from 'src/api';
 import {
@@ -39,19 +39,60 @@ export const Dispatch = (props: RouteProps) => {
 
   const [collections, setCollections] = useState(null);
   const [roles, setRoles] = useState(null);
+  const [redirect, setRedirect] = useState(null);
 
   useEffect(() => {
-    CollectionVersionAPI.list({ namespace, name, is_highest: true })
-      .then(({ data: { data } }) => setCollections(data || []))
-      .catch(() => setCollections([]));
+    const wait = [];
+
+    wait.push(
+      CollectionVersionAPI.list({ namespace, name, is_highest: true })
+        .then(({ data: { data } }) => setCollections(data || []))
+        .catch(() => setCollections([])),
+    );
 
     if (featureFlags.legacy_roles) {
-      LegacyRoleAPI.list({ github_user: namespace, name })
-        .then(({ data: { results } }) => setRoles(results || []))
-        .catch(() => setRoles([]));
+      wait.push(
+        LegacyRoleAPI.list({ github_user: namespace, name })
+          .then(({ data: { results } }) => setRoles(results || []))
+          .catch(() => setRoles([])),
+      );
     }
+
+    Promise.all(wait).then(() => {
+      if (collections.length === 1 && !roles?.length) {
+        const {
+          collection_version: { name: collection, namespace },
+          repository: { name: repo },
+        } = collections[0];
+        setRedirect(
+          formatPath(Paths.collectionByRepo, {
+            collection,
+            namespace,
+            repo,
+          }),
+        );
+      }
+      if (roles.length === 1 && !collections.length) {
+        const {
+          name,
+          summary_fields: {
+            namespace: { name: username },
+          },
+        } = roles[0];
+        setRedirect(
+          formatPath(Paths.legacyRole, {
+            username,
+            name,
+          }),
+        );
+      }
+    });
   }, [pathname]);
 
+  if (redirect) {
+    return <Navigate to={redirect} />;
+  }
+
   return (
     <>
       <BaseHeader title={t`404 - Page not found`} />