fix: improve style and accessibility of AI-generated ideas

graasp · Nov 6, 2024 · a1ff508 · a1ff508
1 parent fc48884
commit a1ff508
Showing 1 changed file with 3 additions and 11 deletions.
diff --git a/src/modules/common/response/Response.tsx b/src/modules/common/response/Response.tsx
@@ -103,7 +103,7 @@ const Response: FC<ResponseProps> = ({
   const renderTopResponseAnnotation = (): JSX.Element => {
     if (isAiGenerated) {
       return (
-        <TopAnnotationTypography variant="caption" color="primary">
+        <TopAnnotationTypography variant="caption" color="white">
           {t('AI_GENERATED')}
         </TopAnnotationTypography>
       );
@@ -121,7 +121,7 @@ const Response: FC<ResponseProps> = ({
   const getTopAnnotationBoxStyle = (): SxProps<Theme> => {
     if (isAiGenerated) {
       return {
-        backgroundColor: 'white',
+        backgroundColor: theme.palette.primary.main,
       };
     }
     const rLength =
@@ -134,14 +134,6 @@ const Response: FC<ResponseProps> = ({
     };
   };
 
-  const getCardActionStyle = (): SxProps<Theme> | undefined =>
-    isAiGenerated
-      ? {
-          backgroundColor: theme.palette.primary.main,
-          color: theme.palette.primary.contrastText,
-        }
-      : undefined;
-
   if (responseContent) {
     return (
       <Box
@@ -171,7 +163,7 @@ const Response: FC<ResponseProps> = ({
           }}
           data-cy={RESPONSE_CY}
         >
-          <CardContent sx={{ minHeight: '32pt', ...getCardActionStyle() }}>
+          <CardContent sx={{ minHeight: '32pt' }}>
             {typeof responseContent === 'string' ? (
               <ResponsePart>{responseContent}</ResponsePart>
             ) : (