Problem Statement
Currently, when there are no menu items or orders available, the admin dashboard may appear blank or unclear. Users may not understand whether the data is empty, still loading, or failed to load.
Proposed Solution
Add a reusable EmptyState component for admin pages. It should display:
- A clear title like “No menu items found” or “No orders yet”
- A short helper message
- An optional action button such as “Add Menu Item”
- Consistent styling with the existing React + Tailwind UI
This component can be integrated into the Menu and Orders pages when the fetched data array is empty.
Alternatives Considered
A simple text message could be shown, but a reusable EmptyState component will keep the UI consistent and can be reused in other admin pages later.
Additional Context
This will improve user experience by making empty dashboard states clearer and more professional.
Problem Statement
Currently, when there are no menu items or orders available, the admin dashboard may appear blank or unclear. Users may not understand whether the data is empty, still loading, or failed to load.
Proposed Solution
Add a reusable EmptyState component for admin pages. It should display:
This component can be integrated into the Menu and Orders pages when the fetched data array is empty.
Alternatives Considered
A simple text message could be shown, but a reusable EmptyState component will keep the UI consistent and can be reused in other admin pages later.
Additional Context
This will improve user experience by making empty dashboard states clearer and more professional.