From ae5c30af6bd367b7637ef8a29b2a572e4915af32 Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Thu, 20 Feb 2025 13:51:39 -0800
Subject: [PATCH] FormLabelStart: support warnings

---
 src/common/components/forms/FormLabelStart.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/common/components/forms/FormLabelStart.tsx b/src/common/components/forms/FormLabelStart.tsx
index cf0fcc333..a019574bc 100644
--- a/src/common/components/forms/FormLabelStart.tsx
+++ b/src/common/components/forms/FormLabelStart.tsx
@@ -5,6 +5,7 @@ import { FormHelperText, FormLabel } from '@mui/joy';
 import InfoIcon from '@mui/icons-material/Info';
 
 import { GoodTooltip } from '~/common/components/GoodTooltip';
+import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
 
 
 /**
@@ -14,6 +15,7 @@ const FormLabelStartBase = (props: {
   title: React.ReactNode,
   description?: React.ReactNode,
   tooltip?: React.ReactNode,
+  tooltipWarning?: boolean,
   onClick?: (event: React.MouseEvent) => void,
   sx?: SxProps,
 }) =>
@@ -31,7 +33,10 @@ const FormLabelStartBase = (props: {
     >
       {props.title} {!!props.tooltip && (
       <GoodTooltip title={props.tooltip} arrow placement='top'>
-        <InfoIcon sx={{ ml: 0.5, cursor: 'pointer', fontSize: 'md', color: 'primary.solidBg' }} />
+        {props.tooltipWarning
+          ? <WarningRoundedIcon sx={{ ml: 0.5, cursor: 'pointer', fontSize: 'md', color: 'red' }} />
+          : <InfoIcon sx={{ ml: 0.5, cursor: 'pointer', fontSize: 'md', color: 'primary.solidBg' }} />
+        }
       </GoodTooltip>
     )}
     </FormLabel>