From 0feb6154549a33dbb55571dd4147bc32573d32a4 Mon Sep 17 00:00:00 2001
From: CD Cabrera <cabrera.code@gmail.com>
Date: Tue, 28 Feb 2023 21:41:03 -0500
Subject: [PATCH] fix(productViewMissing): sw-625 local dev view, run

---
 .../productView/productViewMissing.js           | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/productView/productViewMissing.js b/src/components/productView/productViewMissing.js
index 0c0ac5170..6fd24f935 100644
--- a/src/components/productView/productViewMissing.js
+++ b/src/components/productView/productViewMissing.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import { Button, Card, CardBody, CardFooter, CardTitle, Gallery, Title, PageSection } from '@patternfly/react-core';
 import { ArrowRightIcon } from '@patternfly/react-icons';
@@ -31,10 +31,16 @@ const ProductViewMissing = ({
 }) => {
   const navigate = useAliasNavigate();
   const { firstMatch, allConfigs } = useAliasRouteDetail();
-  const availableProducts = (firstMatch && [firstMatch]) || allConfigs;
+  const availableProducts = (!helpers.DEV_MODE && firstMatch && [firstMatch]) || allConfigs;
+  const isRedirect = availableProducts?.length <= availableProductsRedirect;
 
-  if (availableProducts?.length <= availableProductsRedirect) {
-    navigate(availableProducts[0].productPath);
+  useLayoutEffect(() => {
+    if (isRedirect) {
+      navigate(availableProducts[0].productPath);
+    }
+  });
+
+  if (isRedirect) {
     return null;
   }
 
@@ -55,7 +61,8 @@ const ProductViewMissing = ({
           {availableProducts?.map(({ productGroup, productId, productPath }) => (
             <Card
               key={`missingViewCard-${productId}-${helpers.generateId()}`}
-              isHoverable
+              isSelectable
+              isSelected={firstMatch.productPath === productPath}
               onClick={() => onNavigate(productPath)}
             >
               <CardTitle>