MenuBar

Overview

The MenuBar component is a navigation bar that renders a series of buttons for navigating between different sections of the customer or cashier pages. It provides a flexible interface to interact with key sections like home, cart, and specific categories like entrees, sides, and drinks. For customers, it includes BambooBot button.

Key Features

• Navigation Buttons: Includes buttons for home, entrees, sides, drinks, bamboo bot, and cart.
• Callback Integration: Accepts callback functions for handling user actions like navigating to different pages or selecting categories.

Usage

<MenuBar onCartClick={handleCartClick} onHomeClick={handleHomeClick} onItemClick={handleGridClick} />

The component passes callback functions as props (onCartClick, onHomeClick, onItemClick) that handle the actions when buttons are clicked. By default, it logs the category name if onItemClick is not defined.