Use meta ID if present for card IDs

patternfly · Feb 21, 2024 · 57d2953 · 57d2953
1 parent 509c856
commit 57d2953
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/dev/src/CustomCatalog.tsx b/packages/dev/src/CustomCatalog.tsx
@@ -97,6 +97,13 @@ export const CustomCatalog: React.FC = () => {
           <Gallery className="pfext-quick-start-catalog__gallery" hasGutter>
             {allQuickStarts
               .filter((quickStart: QuickStart) => quickStart.metadata.instructional)
+              .map((quickStart: QuickStart) => ({
+                ...quickStart,
+                metadata: {
+                  ...quickStart.metadata,
+                  id: `${quickStart.metadata.name}-bookmar`
+                }
+              }))
               .map((quickStart: QuickStart) => {
                 const {
                   metadata: { name: id },

diff --git a/packages/module/src/catalog/QuickStartTile.tsx b/packages/module/src/catalog/QuickStartTile.tsx
@@ -29,10 +29,11 @@ const QuickStartTile: React.FC<QuickStartTileProps> = ({
   action,
 }) => {
   const {
-    metadata: { name: id },
+    metadata: { name, id: metaId },
     spec: { icon, tasks, displayName, description, durationMinutes, prerequisites, link, type },
   } = quickStart;
 
+  const id = metaId || name;
   const { setActiveQuickStart, footer } =
     React.useContext<QuickStartContextValues>(QuickStartContext);
 
@@ -71,7 +72,7 @@ const QuickStartTile: React.FC<QuickStartTileProps> = ({
       if (link) {
         window.open(link.href);
       } else {
-        setActiveQuickStart(id, tasks?.length);
+        setActiveQuickStart(name, tasks?.length);
       }
       onClick();
     }