From 62df6e640a297648a0189bd73e9c3ed9dbfc5802 Mon Sep 17 00:00:00 2001
From: Lisa Kim <lisa@goteleport.com>
Date: Thu, 7 Nov 2024 09:51:10 -0800
Subject: [PATCH] [v17] Web: minor UI styling issues (#48547)

* Fix teleterm role request info banner

* Remove new badage for aws external audit storage integration tile

* Fix lint
---
 .../Integrations/Enroll/IntegrationTiles.tsx  | 18 ++---------
 .../NewRequest/NewRequest.tsx                 | 30 ++++++++-----------
 2 files changed, 15 insertions(+), 33 deletions(-)

diff --git a/web/packages/teleport/src/Integrations/Enroll/IntegrationTiles.tsx b/web/packages/teleport/src/Integrations/Enroll/IntegrationTiles.tsx
index 6ada1cdf83dc7..d23e2914322c5 100644
--- a/web/packages/teleport/src/Integrations/Enroll/IntegrationTiles.tsx
+++ b/web/packages/teleport/src/Integrations/Enroll/IntegrationTiles.tsx
@@ -27,8 +27,6 @@ import {
 } from 'teleport/components/ToolTipNoPermBadge';
 import { IntegrationKind } from 'teleport/services/integrations';
 
-import { ToolTipBadge } from 'teleport/components/ToolTipBadge';
-
 import { IntegrationTile } from './common';
 
 export function IntegrationTiles({
@@ -38,7 +36,8 @@ export function IntegrationTiles({
   hasIntegrationAccess?: boolean;
   hasExternalAuditStorage?: boolean;
 }) {
-  const externalAuditStorageEnabled = cfg.externalAuditStorage;
+  const externalAuditStorageEnabled =
+    cfg.entitlements.ExternalAuditStorage.enabled;
   const isOnpremEnterprise = cfg.isEnterprise && !cfg.isCloud;
 
   return (
@@ -126,17 +125,4 @@ function renderExternalAuditStorageBadge(
       />
     );
   }
-
-  return (
-    <ToolTipBadge
-      badgeTitle="New"
-      children={
-        <div>
-          Connect your own AWS account to store Audit logs and Session
-          recordings using Athena and S3.
-        </div>
-      }
-      color="success.main"
-    />
-  );
 }
diff --git a/web/packages/teleterm/src/ui/DocumentAccessRequests/NewRequest/NewRequest.tsx b/web/packages/teleterm/src/ui/DocumentAccessRequests/NewRequest/NewRequest.tsx
index 64bf86013b3b7..f67fe0ddbd16c 100644
--- a/web/packages/teleterm/src/ui/DocumentAccessRequests/NewRequest/NewRequest.tsx
+++ b/web/packages/teleterm/src/ui/DocumentAccessRequests/NewRequest/NewRequest.tsx
@@ -18,9 +18,8 @@
 
 import styled from 'styled-components';
 
-import { Alert, Box, Flex, Link, Text, Indicator } from 'design';
+import { Alert, Box, Flex, Link, Indicator } from 'design';
 import { space, SpaceProps, width } from 'design/system';
-import { Info as InfoIcon } from 'design/Icon';
 
 import {
   ShowResources,
@@ -172,21 +171,18 @@ function Inner(props: { rootCluster: Cluster }) {
       </StyledMain>
       {isRequestingResourcesFromResourcesViewEnabled && (
         <Alert kind="outline-info" mb={2}>
-          <InfoIcon color="info" pr={2} />
-          <Text>
-            To request access to a resource, go to the{' '}
-            {/*TODO: Improve ButtonLink to look more like a text, then use it instead of the Link. */}
-            <Link
-              css={`
-                cursor: pointer;
-                color: inherit !important;
-              `}
-              onClick={openClusterDocument}
-            >
-              resources view
-            </Link>{' '}
-            or find it in the search bar.
-          </Text>
+          To request access to a resource, go to the{' '}
+          {/*TODO: Improve ButtonLink to look more like a text, then use it instead of the Link. */}
+          <Link
+            css={`
+              cursor: pointer;
+              color: inherit !important;
+            `}
+            onClick={openClusterDocument}
+          >
+            resources view
+          </Link>{' '}
+          or find it in the search bar.
         </Alert>
       )}
     </Layout>