feat: initialize Mariavel project with Laravel backend API and React dashboard using DevExtreme DataGrid

2026-04-24 07:14:41 +03:00
parent 34f4d5b559
commit 49cf557f41
7 changed files with 237 additions and 118 deletions
@@ -0,0 +1,28 @@
+import React from 'react';
+import { AppBar, Toolbar, Typography, IconButton, Box } from '@mui/material';
+import { Brightness4, Brightness7, Settings } from '@mui/icons-material';
+import { useAppStore } from '../store/useAppStore';
+
+const Header: React.FC = () => {
+  const { darkMode, toggleDarkMode } = useAppStore();
+
+  return (
+    <AppBar position="static" color="transparent" elevation={0} sx={{ borderBottom: 1, borderColor: 'divider' }}>
+      <Toolbar>
+        <Typography variant="h6" sx={{ flexGrow: 1, fontWeight: 700, color: 'primary.main' }}>
+          MARIAVEL
+        </Typography>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+          <IconButton onClick={toggleDarkMode} color="inherit">
+            {darkMode ? <Brightness7 /> : <Brightness4 />}
+          </IconButton>
+          <IconButton color="inherit">
+            <Settings />
+          </IconButton>
+        </Box>
+      </Toolbar>
+    </AppBar>
+  );
+};
+
+export default Header;