From 4eb3fa590c4b87786595f8f26a06b88ebdf31b9b Mon Sep 17 00:00:00 2001 From: Rodolfo Ruiz Date: Wed, 6 Aug 2025 21:29:10 -0600 Subject: [PATCH] chore: design the ui based on figmas --- public/Catalog.png | Bin 0 -> 507 bytes public/Dashboard.png | Bin 0 -> 270 bytes public/logo.png | Bin 14654 -> 3379 bytes src/components/AppHeader.jsx | 22 +---------- src/components/MenuDrawer.jsx | 68 +++++++++++++++++++--------------- src/theme.jsx | 12 +++--- 6 files changed, 46 insertions(+), 56 deletions(-) create mode 100644 public/Catalog.png create mode 100644 public/Dashboard.png diff --git a/public/Catalog.png b/public/Catalog.png new file mode 100644 index 0000000000000000000000000000000000000000..28166f883182e42c6982460b163ea9ab0c9b33bf GIT binary patch literal 507 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 JRH->2{|C9icN+iz literal 14654 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 diff --git a/src/components/AppHeader.jsx b/src/components/AppHeader.jsx index 00e335d..114eab5 100644 --- a/src/components/AppHeader.jsx +++ b/src/components/AppHeader.jsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import fendiLogo from '/favicon.png' -import { AppBar, Toolbar, Typography, InputBase, IconButton, Box, Avatar } from '@mui/material'; -import SearchIcon from '@mui/icons-material/Search'; +import { AppBar, Toolbar, Typography, IconButton, Box, Avatar } from '@mui/material'; + import MenuDrawer from './MenuDrawer'; import MenuIcon from '@mui/icons-material/Menu'; import { useAuth } from '../context/AuthContext'; @@ -39,24 +39,6 @@ export default function AppHeader({ zone = 'public', onSelectMenuItem }) { - {/* Search only visible for restricted or private zones */} - {(isRestricted || isPrivate || isPublic) && ( - - - - - )} - {/* Login button only visible for public zone */} {isPublic && !user && ( diff --git a/src/components/MenuDrawer.jsx b/src/components/MenuDrawer.jsx index b875695..f739b2f 100644 --- a/src/components/MenuDrawer.jsx +++ b/src/components/MenuDrawer.jsx @@ -1,30 +1,25 @@ -import { Drawer, List, ListItem, ListItemText, ListItemIcon, Avatar, Typography, Box, useMediaQuery } from '@mui/material'; -import CategoryIcon from '@mui/icons-material/Category'; -import PeopleIcon from '@mui/icons-material/People'; -import InventoryIcon from '@mui/icons-material/Inventory'; -import LocalShippingIcon from '@mui/icons-material/LocalShipping'; -import ExitToAppIcon from '@mui/icons-material/ExitToApp'; -import AdminPanelSettingsIcon from '@mui/icons-material/AdminPanelSettings'; +import { Drawer, List, ListItem, ListItemText, ListItemIcon, Typography, Box, useMediaQuery, InputBase } from '@mui/material'; import { useAuth } from '../context/AuthContext'; -import { useState } from 'react'; +import ExitToAppIcon from '@mui/icons-material/ExitToApp'; + const menuOptions = { public: [ - { text: 'Admin', icon: }, - { text: 'Categories', icon: }, - { text: 'Clients', icon: }, - { text: 'Products', icon: }, - { text: 'Providers', icon: }, + { text: 'Dashboard', icon: Dashboard}, { text: 'Logout', icon: }, ], restricted: [], private: [ - { text: 'Admin', icon: }, - { text: 'Categories', icon: }, - { text: 'Clients', icon: }, - { text: 'Products', icon: }, - { text: 'Providers', icon: }, + { text: 'Dashboard', icon: Dashboard }, + { text: 'Catalog', icon: Catalog }, + { text: 'Define your style', icon: Define your style }, + { text: 'Ambient Design', icon: Ambient Design }, + { text: 'Flat Layouts and assets', icon: Flat Layouts and assets }, + { text: 'Export and sharing', icon: Export and sharing }, + { text: 'Shopping cart', icon: Shopping cart }, + { text: 'Settings', icon: Settings }, + { text: 'Help', icon: Help }, { text: 'Logout', icon: }, ], }; @@ -39,22 +34,35 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect }) - - Fendi Casa - Administrator + + + + - + {items.map(({ text, icon }, index) => ( { onClose(); // Close drawer @@ -67,13 +75,13 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect }) } }}> - {icon} + {icon}