diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx index f5d41e8..8dba1ae 100644 --- a/frontend/src/components/Sidebar.tsx +++ b/frontend/src/components/Sidebar.tsx @@ -18,7 +18,10 @@ import { BookOpen, FileQuestion, LifeBuoy, - Zap + Zap, + Plug, + ShoppingBag, + Package } from 'lucide-react'; import { Business, User } from '../types'; import { useLogout } from '../hooks/useAuth'; @@ -37,6 +40,7 @@ const Sidebar: React.FC = ({ business, user, isCollapsed, toggleCo const { role } = user; const logoutMutation = useLogout(); const [isHelpOpen, setIsHelpOpen] = useState(location.pathname.startsWith('/help') || location.pathname === '/support'); + const [isPluginsOpen, setIsPluginsOpen] = useState(location.pathname.startsWith('/plugins')); const getNavClass = (path: string, exact: boolean = false, disabled: boolean = false) => { const isActive = exact @@ -182,6 +186,52 @@ const Sidebar: React.FC = ({ business, user, isCollapsed, toggleCo {!isCollapsed && {t('nav.staff')}} + + {/* Plugins Dropdown */} +
+ + {isPluginsOpen && !isCollapsed && ( +
+ + + {t('nav.pluginMarketplace', 'Marketplace')} + + + + {t('nav.myPlugins', 'My Plugins')} + + + + {t('nav.pluginDocs', 'Plugin Docs')} + +
+ )} +
+ {/* Help Dropdown */}