From 84c4159062fd83f948f8d28125fa440a51f82b3e Mon Sep 17 00:00:00 2001
From: Kaan Kabalak <kaan@minio.io>
Date: Tue, 2 Aug 2022 18:30:16 -0700
Subject: [PATCH] Fix anchors and update links for License page features
 (#2220)

---
 .../src/screens/Console/License/utils.tsx     | 33 ++++++++-----------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/portal-ui/src/screens/Console/License/utils.tsx b/portal-ui/src/screens/Console/License/utils.tsx
index 418a19409..c17c361ba 100644
--- a/portal-ui/src/screens/Console/License/utils.tsx
+++ b/portal-ui/src/screens/Console/License/utils.tsx
@@ -33,7 +33,7 @@ type FeatureItem = {
 const FeatureLink = ({ text, anchor }: { text: string; anchor: string }) => {
   return (
     <a
-      href={`https://min.io/product/subnet?ref=con#{anchor}`}
+      href={`https://min.io/product/subnet?ref=con#${anchor}`}
       className={"link-text"}
       target="_blank"
       rel="noopener noreferrer"
@@ -69,7 +69,12 @@ export const FEATURE_ITEMS: FeatureItem[] = [
   },
   {
     desc: () => {
-      return <FeatureLink anchor={"sa-long"} text={"Software Release"} />;
+      return (
+        <FeatureLink
+          anchor={"sa-long-term-support"}
+          text={"Software Release"}
+        />
+      );
     },
   },
   {
@@ -83,37 +88,27 @@ export const FEATURE_ITEMS: FeatureItem[] = [
   },
   {
     desc: () => {
-      return <FeatureLink anchor={"sa-instantaneous"} text={"Panic Button"} />;
-    },
-  },
-  {
-    desc: () => {
-      return <FeatureLink anchor={"sa-healthy"} text={"Health Diagnostics"} />;
+      return <FeatureLink anchor={"sa-panic-button"} text={"Panic Button"} />;
     },
   },
   {
     desc: () => {
       return (
-        <FeatureLink anchor={"sa-deep"} text={"Annual Architecture Review"} />
+        <FeatureLink anchor={"sa-healthcheck"} text={"Health Diagnostics"} />
       );
     },
   },
   {
-    desc: () => {
-      return (
-        <FeatureLink anchor={"sa-deep"} text={"Annual Performance Review"} />
-      );
-    },
+    desc: "Annual Architecture Review",
+  },
+  {
+    desc: "Annual Performance Review",
   },
   {
     desc: "Indemnification",
   },
   {
-    desc: () => {
-      return (
-        <FeatureLink anchor={"sa-deep"} text={"Security and Policy Review"} />
-      );
-    },
+    desc: "Security and Policy Review",
   },
 ];