[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
gravitational · Nov 7, 2024 · 62df6e6 · 62df6e6
1 parent 54a7530
commit 62df6e6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 33 deletions.
diff --git 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
@@ -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>