From d641c8c80100f97927bc2d22411421785c5d231f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Fri, 24 Apr 2026 13:20:36 +0300
Subject: [PATCH] feat: add SqlConsole component with query execution and data
 grid rendering

---
 frontend/src/components/SqlConsole.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/SqlConsole.tsx b/frontend/src/components/SqlConsole.tsx
index 621f628..3bfe991 100644
--- a/frontend/src/components/SqlConsole.tsx
+++ b/frontend/src/components/SqlConsole.tsx
@@ -84,7 +84,14 @@ const SqlConsole: React.FC<SqlConsoleProps> = ({ initialQuery, setNotification }
         bgcolor: darkMode ? '#111827' : '#ffffff',
       }}>
         <Box sx={{ px: 3, py: 1.5, display: 'flex', alignItems: 'center', justifyContent: 'space-between', bgcolor: 'rgba(0,0,0,0.02)' }}>
-          <Typography variant="subtitle2" sx={{ fontWeight: 800 }}>SQL CONSOLE</Typography>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
+            <Typography variant="subtitle2" sx={{ fontWeight: 800 }}>SQL CONSOLE</Typography>
+            {rowCount > 0 && (
+              <Box sx={{ px: 1, py: 0.2, borderRadius: 1, bgcolor: 'rgba(0, 97, 255, 0.1)', color: 'primary.main' }}>
+                <Typography variant="caption" sx={{ fontWeight: 700 }}>{rowCount} rows</Typography>
+              </Box>
+            )}
+          </Box>
           <Box sx={{ display: 'flex', gap: 1 }}>
             <Button 
               variant="contained" 
@@ -112,6 +119,7 @@ const SqlConsole: React.FC<SqlConsoleProps> = ({ initialQuery, setNotification }
         <DataGrid
           rows={rows}
           columns={columns}
+          rowCount={rowCount}
           loading={loading}
           sx={{ border: 'none' }}
         />