Updates to inline feedback component

centrifuge · Jul 25, 2024 · 0b26f90 · 0b26f90
1 parent 28d27af
commit 0b26f90
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/fabric/src/components/InlineFeedback/index.tsx b/fabric/src/components/InlineFeedback/index.tsx
@@ -19,12 +19,14 @@ const icons = {
   critical: IconInfoFailed,
 }
 
+const capitalizeFirstLetter = (status: string) => status.charAt(0).toUpperCase() + status.slice(1)
+
 export function InlineFeedback({ status = 'default', children }: InlineFeedbackProps) {
   return (
     <Text variant="body3">
       <Shelf alignItems="baseline" gap="4px">
         <StyledIconWrapper minWidth="iconSmall" height="iconSmall" flex="0 0 auto">
-          <StyledIcon as={icons[status]} size="iconSmall" />
+          <StyledIcon as={icons[status]} size="iconSmall" color={`status${capitalizeFirstLetter(status)}`} />
         </StyledIconWrapper>
         <Text>{children}</Text>
       </Shelf>