From d3d0b16393a474768842b89a6e56ff70d1a3880b Mon Sep 17 00:00:00 2001
From: Joe Smallwood <joe.smallwood@kausal.tech>
Date: Wed, 6 May 2026 09:39:48 +0300
Subject: [PATCH] Fade in the warning icon so it's less abrupt

---
 src/components/DatasheetEditor.tsx | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/components/DatasheetEditor.tsx b/src/components/DatasheetEditor.tsx
index 414f2ca..1c32312 100644
--- a/src/components/DatasheetEditor.tsx
+++ b/src/components/DatasheetEditor.tsx
@@ -311,12 +311,19 @@ export default function CustomEditComponent<TMeasureRow extends BaseMeasureRow =
           row.type === 'MEASURE' ? row.unit : undefined
         )}
       >
-        <Box
-          component="span"
-          sx={{ display: 'flex', color: 'warning.main', cursor: 'default', pointerEvents: 'auto' }}
-        >
-          <ExclamationTriangle size={14} />
-        </Box>
+        <Fade in>
+          <Box
+            component="span"
+            sx={{
+              display: 'flex',
+              color: 'warning.main',
+              cursor: 'default',
+              pointerEvents: 'auto',
+            }}
+          >
+            <ExclamationTriangle size={14} />
+          </Box>
+        </Fade>
       </Tooltip>
     </InputAdornment>
   ) : null;
@@ -858,7 +865,12 @@ const GRID_COL_DEFS: GridColDef<DatasheetEditorRow>[] = [
       }
 
       return (
-        <NotesViewCell id={rest.id} field={rest.field} value={value as string} isEditable={rest.isEditable} />
+        <NotesViewCell
+          id={rest.id}
+          field={rest.field}
+          value={value as string}
+          isEditable={rest.isEditable}
+        />
       );
     },
   },