Wraps the program cards (which are in a ul) in a li tag (#2013)

mitodl · Dec 4, 2023 · 465da85 · 465da85
1 parent d2b26b6
commit 465da85
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/frontend/public/src/containers/pages/CatalogPage.js b/frontend/public/src/containers/pages/CatalogPage.js
@@ -427,21 +427,23 @@ export class CatalogPage extends React.Component<Props> {
    */
   renderProgramCatalogCard(program: Program) {
     return (
-      <a href={program.page.page_url} key={program.id}>
-        <div className="col catalog-item">
-          <div className="program-image-and-badge">
-            <img
-              src={program?.page?.feature_image_src}
-              key={program.id + program?.page?.feature_image_src}
-              alt=""
-            />
-            <div className="program-type-badge">{program.program_type}</div>
-          </div>
-          <div className="catalog-item-description">
-            <div className="item-title">{program.title}</div>
+      <li>
+        <a href={program.page.page_url} key={program.id}>
+          <div className="col catalog-item">
+            <div className="program-image-and-badge">
+              <img
+                src={program?.page?.feature_image_src}
+                key={program.id + program?.page?.feature_image_src}
+                alt=""
+              />
+              <div className="program-type-badge">{program.program_type}</div>
+            </div>
+            <div className="catalog-item-description">
+              <div className="item-title">{program.title}</div>
+            </div>
           </div>
-        </div>
-      </a>
+        </a>
+      </li>
     )
   }