Add redirect with error message if integrations template not found (#…

…1412) (#1415)

(cherry picked from commit a5434f9)

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

public/components/integrations/components/integration.tsx

@@ -53,6 +53,11 @@ export function Integration(props: AvailableIntegrationProps) {
   async function handleDataRequest() {
     // TODO fill in ID request here
     http.get(`${INTEGRATIONS_BASE}/repository/${integrationTemplateId}`).then((exists) => {
+      if (!exists.data) {
+        window.location.hash = '#/available';
+        setToast(`Template '${integrationTemplateId}' not found`, 'danger');
+        return;
+      }
       setIntegration(exists.data);
     });
   }
@@ -70,7 +75,7 @@ export function Integration(props: AvailableIntegrationProps) {
         return parsedResponse.data.mappings[integration.type];
       })
       .then((mapping) => setMapping(mapping))
-      .catch((err: any) => {
+      .catch((err) => {
         console.error(err.message);
       });
   }, [integration]);
@@ -88,7 +93,7 @@ export function Integration(props: AvailableIntegrationProps) {
         return parsedResponse.data;
       })
       .then((assets) => setAssets(assets))
-      .catch((err: any) => {
+      .catch((err) => {
         console.error(err.message);
       });
   }, [integration]);