From 9fffa82737ec4dc7094bd1891b230186c0365bd2 Mon Sep 17 00:00:00 2001
From: Mattia Franchetto <mtfranco@amazon.it>
Date: Fri, 14 Apr 2023 12:20:54 +0200
Subject: [PATCH] Add external icon to storage description link

---
 frontend/src/old-pages/Configure/Storage.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/old-pages/Configure/Storage.tsx b/frontend/src/old-pages/Configure/Storage.tsx
index 21fe5ac4..374582ea 100644
--- a/frontend/src/old-pages/Configure/Storage.tsx
+++ b/frontend/src/old-pages/Configure/Storage.tsx
@@ -29,6 +29,7 @@ import {
   SpaceBetween,
   Checkbox,
   Alert,
+  Link,
 } from '@cloudscape-design/components'
 
 // State
@@ -318,7 +319,8 @@ export function FsxLustreSettings({index}: any) {
               helpPanel={
                 <TitleDescriptionHelpPanel
                   title={t('wizard.storage.Fsx.lustreType.label')}
-                  description={<Trans i18nKey="wizard.storage.Fsx.lustreType.help" />
+                  description={
+                    <Trans i18nKey="wizard.storage.Fsx.lustreType.help" />
                   }
                   footerLinks={lustreTypeFooterLinks}
                 />
@@ -1197,11 +1199,12 @@ function Storage() {
           <Header
             description={
               <Trans i18nKey="wizard.storage.container.description">
-                <a
-                  rel="noreferrer"
-                  target="_blank"
+                <Link
+                  variant="primary"
+                  external
+                  externalIconAriaLabel={t('global.openNewTab')}
                   href="https://docs.aws.amazon.com/parallelcluster/latest/ug/shared-storage-quotas-v3.html"
-                ></a>
+                />
               </Trans>
             }
           >