Redesign menu admin screen with two-panel layout and modal forms
UX improvements: - Two-panel layout: sticky category sidebar (desktop) + items grid - Mobile: horizontal scrolling category pills above items - Category sidebar shows item count badge per category; edit on hover - Items search bar + instant filter (name, English name, Arabic name) - Category filter drives items grid (click sidebar = filter items) - Item cards: image hover reveals Edit button (progressive disclosure) - Out-of-stock overlay + inline toggle switch (replaces text button) - Add/Edit item opens in clean modal overlay (no jarring inline expansion) - Add/Edit category opens in separate modal - nameEn made optional (was blocking new item creation) - Consolidated form state with single object per form - Empty state with illustration and Add CTA - Skeleton loading grid - Branch overrides tab wired to branchId from store - New i18n keys for search, counts, states in en/fa/ar Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -668,7 +668,24 @@
|
||||
"media": "Image & video",
|
||||
"tabCatalog": "Catalog",
|
||||
"tabBranch": "Branch settings",
|
||||
"selectBranchForOverrides": "Select a branch above to manage its menu overrides."
|
||||
"selectBranchForOverrides": "Select a branch above to manage its menu overrides.",
|
||||
"allItems": "All items",
|
||||
"searchItemsPlaceholder": "Search items…",
|
||||
"itemCount": "{count} items",
|
||||
"noItemsInCategory": "No items in this category yet",
|
||||
"noItemsMatchSearch": "No items match your search",
|
||||
"outOfStock": "Out of stock",
|
||||
"newItem": "New item",
|
||||
"newCategory": "New category",
|
||||
"editCategoryTitle": "Edit category",
|
||||
"close": "Close",
|
||||
"saving": "Saving…",
|
||||
"model3d": "3D model",
|
||||
"nameEnOptional": "English name (optional)",
|
||||
"addItemSuccess": "Item added",
|
||||
"updateItemSuccess": "Item updated",
|
||||
"addCategorySuccess": "Category added",
|
||||
"updateCategorySuccess": "Category updated"
|
||||
},
|
||||
"branchMenu": {
|
||||
"title": "Branch Menu",
|
||||
|
||||
Reference in New Issue
Block a user