[Alert] Patches

cfpb · Nov 19, 2024 · 257b13c · 257b13c
1 parent 9d0f076
commit 257b13c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Alert/Alert.css b/src/components/Alert/Alert.css
@@ -1,6 +1,6 @@
 /* stylelint-disable selector-class-pattern */
 
-/* Allow icons in the alert body text to remain inline */
+/* Allow icons in the alert body text to remain inline and properly colored */
 .a-form-alert .a-form-alert_text .cf-icon-svg {
   float: none;
   color: inherit;

diff --git a/src/components/Alert/Alert.stories.tsx b/src/components/Alert/Alert.stories.tsx
@@ -18,10 +18,10 @@ export default meta;
 
 type Story = StoryObj<typeof meta>;
 
-const AlertMessage = ({ status = 'a warning' }): ReactNode => (
+const FieldLevelAlertMessage = ({ status = 'a warning' }): ReactNode => (
   <>
     This is a field-level alert with {status} status.{' '}
-    <Link hasIcon href={window.location.pathname}>
+    <Link hasIcon href={window.location.host}>
       Link to more info <Icon name='external-link' />
     </Link>
     .
@@ -127,7 +127,7 @@ export const SuccessFieldLevel: Story = {
   name: 'Success (field-level)',
   args: {
     status: 'success',
-    message: <AlertMessage status='a success' />
+    message: <FieldLevelAlertMessage status='a success' />
   }
 };
 
@@ -147,7 +147,7 @@ export const WarningFieldLevel: Story = {
   name: 'Warning (field-level)',
   args: {
     status: 'warning',
-    message: <AlertMessage status='a warning' />
+    message: <FieldLevelAlertMessage status='a warning' />
   }
 };
 
@@ -167,6 +167,6 @@ export const ErrorFieldLevel: Story = {
   name: 'Error (field-level)',
   args: {
     status: 'error',
-    message: <AlertMessage status='an error' />
+    message: <FieldLevelAlertMessage status='an error' />
   }
 };