From e6e4e23affe8aacbf028152678ba7c05be1c59ff Mon Sep 17 00:00:00 2001
From: Josh Heyer <josh.heyer@enterprisedb.com>
Date: Fri, 17 May 2024 03:33:09 +0000
Subject: [PATCH] Update "what's new" topics Move content for these to a
 datafile for ease of updating

---
 src/constants/updates.js |  42 ++++++++++++++++
 src/pages/index.js       | 104 ++++++++++++---------------------------
 2 files changed, 73 insertions(+), 73 deletions(-)
 create mode 100644 src/constants/updates.js

diff --git a/src/constants/updates.js b/src/constants/updates.js
new file mode 100644
index 00000000000..c810054b73b
--- /dev/null
+++ b/src/constants/updates.js
@@ -0,0 +1,42 @@
+import IconNames from "../components/icon/iconNames";
+
+export const updates = [
+  {
+    title: "EDB Postgres Distributed 5.5",
+    icon: IconNames.HIGH_AVAILABILITY,
+    description:
+      "PGD 5.5 brings improvements for connectivity and read scalability, along with MacOS support for the CLI and more.",
+    url: "/postgres_distributed_for_kubernetes/latest/",
+    moreUrl:
+      "/postgres_distributed_for_kubernetes/latest/rel_notes/pgd_5.5.0_rel_notes/",
+  },
+  {
+    title: "Trusted Postgres Architect 23.32",
+    icon: IconNames.INSTANCES,
+    description:
+      "TPA 23.32 includes new supported platforms and extensions; docs expand the Tower/AAP topic to cover building a TPA execution environment.",
+    url: "/tpa/latest/",
+    moreUrl: "/tpa/latest/rel_notes/tpa_23.32_rel_notes/",
+  },
+  {
+    title: "EDB Postgres Distributed for Kubernetes 1.0",
+    icon: IconNames.KUBERNETES,
+    description:
+      "EDB Postgres Distributed for Kubernetes is an operator designed to manage PGD workloads on Kubernetes, with traffic routed by PGD Proxy.",
+    url: "/postgres_distributed_for_kubernetes/latest/",
+  },
+  {
+    title: "Advanced Server AWS AMI deployment",
+    icon: IconNames.DATABASE,
+    description:
+      "EDB Postgres Advanced Server Amazon Machine Image (AMI) is a preconfigured template with EDB Postgres Advanced Server 15 installed on RHEL 8.",
+    url: "/epas/15/planning/deployment_options/aws_epas/",
+  },
+  {
+    title: "",
+    icon: IconNames.DOTTED_BOX,
+    description: "",
+    url: "",
+    moreUrl: "",
+  },
+];
diff --git a/src/pages/index.js b/src/pages/index.js
index c395726312a..28a78cb1d8a 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -2,6 +2,7 @@ import React, { useEffect, useRef } from "react";
 import { Container } from "react-bootstrap";
 import Icon, { iconNames } from "../components/icon/";
 import { Footer, IndexSubNav, Layout, Link, MainContent } from "../components";
+import { updates } from "../constants/updates";
 
 const IndexCard = ({ iconName, headingText, children }) => (
   <div className="col-sm-6 col-lg-4">
@@ -56,86 +57,43 @@ const Page = () => {
 
           <div className="container">
             <div className="row">
-              <div className="col-sm mb-3 me-1">
-                <div className="mb-2">
-                  <div
-                    className="new-thing-header"
-                    aria-roledescription="badge"
-                  >
-                    <span className="badge-text fw-bold">What's new</span>
-                  </div>
-                </div>
-
-                <div className="mb-3">
-                  <h3 className="card-title mb-2 fw-bold">
-                    <Link
-                      className="homepage-headling-link"
-                      to="/postgres_distributed_for_kubernetes/latest/"
+              {updates.slice(0, 2).map((update) => (
+                <div className="col-sm mb-3 me-1">
+                  <div className="mb-2">
+                    <div
+                      className="new-thing-header"
+                      aria-roledescription="badge"
                     >
-                      EDB Postgres Distributed for Kubernetes 1.0
-                    </Link>
-                  </h3>
-                  <p>
-                    <Icon
-                      iconName={iconNames.KUBERNETES}
-                      className="fill-orange ms-2 float-end"
-                    />
-                    EDB Postgres Distributed for Kubernetes is an operator
-                    designed to manage PGD workloads on Kubernetes, with traffic
-                    routed by PGD Proxy.
-                  </p>
-                  <div className="d-flex align-items-center">
-                    <p>
-                      <Link
-                        className="btn-sm ms-2"
-                        to="/postgres_distributed_for_kubernetes/latest/"
-                      >
-                        Find out more &rarr;
-                      </Link>
-                    </p>
+                      <span className="badge-text fw-bold">What's new</span>
+                    </div>
                   </div>
-                </div>
-              </div>
-              <div className="col-sm mb-3">
-                <div className="mb-2">
-                  <div
-                    className="new-thing-header"
-                    aria-roledescription="badge"
-                  >
-                    <span className="badge-text fw-bold">What's new</span>
-                  </div>
-                </div>
 
-                <div className="mb-3">
-                  <h3 className="card-title mb-2 fw-bold">
-                    <Link
-                      className="homepage-headling-link"
-                      to="/epas/15/planning/deployment_options/aws_epas/"
-                    >
-                      Advanced Server AWS AMI deployment
-                    </Link>
-                  </h3>
-                  <p>
-                    <Icon
-                      iconName={iconNames.DATABASE}
-                      className="fill-orange ms-2 float-end"
-                    />
-                    EDB Postgres Advanced Server Amazon Machine Image (AMI) is a
-                    preconfigured template with EDB Postgres Advanced Server 15
-                    installed on RHEL 8.
-                  </p>
-                  <div className="d-flex align-items-center">
-                    <p>
-                      <Link
-                        className="btn-sm ms-2"
-                        to="/epas/15/planning/deployment_options/aws_epas/"
-                      >
-                        Find out more &rarr;
+                  <div className="mb-3">
+                    <h3 className="card-title mb-2 fw-bold">
+                      <Link className="homepage-headling-link" to={update.url}>
+                        {update.title}
                       </Link>
+                    </h3>
+                    <p>
+                      <Icon
+                        iconName={update.icon}
+                        className="fill-orange ms-2 float-end"
+                      />
+                      {update.description}
                     </p>
+                    <div className="d-flex align-items-center">
+                      <p>
+                        <Link
+                          className="btn-sm ms-2"
+                          to={update.moreUrl || update.url}
+                        >
+                          Find out more &rarr;
+                        </Link>
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
+              ))}
             </div>
           </div>