From a553e3c00ce8a9e776ba700e8fbdfc304c3e953e Mon Sep 17 00:00:00 2001
From: Abrar74774 <52873468+Abrar74774@users.noreply.github.com>
Date: Mon, 12 Jan 2026 23:09:57 +0300
Subject: [PATCH] feat: Add labels to icons indicating if not isometric (flat)
 (#201)

* feat: Add labels to icons indicating if not isometric (flat)

* Revert vscode setting changes pushed by mistake

Great! Thank you - Stan
---
 .../IconSelectionControls/Icon.tsx            | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/packages/fossflow-lib/src/components/ItemControls/IconSelectionControls/Icon.tsx b/packages/fossflow-lib/src/components/ItemControls/IconSelectionControls/Icon.tsx
index a59dda1..f875c44 100644
--- a/packages/fossflow-lib/src/components/ItemControls/IconSelectionControls/Icon.tsx
+++ b/packages/fossflow-lib/src/components/ItemControls/IconSelectionControls/Icon.tsx
@@ -28,7 +28,7 @@ export const Icon = ({ icon, onClick, onMouseDown, onDoubleClick }: Props) => {
         sx={{ overflow: 'hidden', justifyContent: 'flex-start', width: SIZE }}
         spacing={1}
       >
-        <Box sx={{ width: SIZE, height: SIZE, overflow: 'hidden' }}>
+        <Box sx={{ position: 'relative', width: SIZE, height: SIZE, overflow: 'hidden' }}>
           <Box
             component="img"
             draggable={false}
@@ -36,6 +36,23 @@ export const Icon = ({ icon, onClick, onMouseDown, onDoubleClick }: Props) => {
             alt={`Icon ${icon.name}`}
             sx={{ width: SIZE, height: SIZE }}
           />
+          {icon.isIsometric === false && (
+            <Box
+              sx={{
+                position: 'absolute',
+                bottom: 2,
+                right: 2,
+                padding: '1px 4px',
+                borderRadius: '4px',
+                backgroundColor: '#eeeb',
+                color: '#000'
+              }}
+            >
+              <Typography variant='body2'>
+                flat
+              </Typography>
+            </Box>
+          )}
         </Box>
         <Typography
           variant="body2"