fix: Edit route, price input alignment, and currency in variations
Fixed 3 issues: 1. Edit Page Route - FIXED Problem: URL shows /products/332/edit but page says "New Product" Root Cause: Route pointing to wrong component App.tsx changes: - Import ProductEdit component - Fix route: /products/:id/edit → ProductEdit (was ProductNew) - Remove duplicate /products/:id route Result: - Edit page now shows "Edit Product" title - Product data loads correctly - Proper page header and actions 2. Price Input Alignment - FIXED Problem: Currency symbol overlaps input, no right-align GeneralTab.tsx: - Changed pl-10 → pl-9 (better padding for symbol) - Added pr-3 (right padding) - Added text-right (right-align numbers) VariationsTab.tsx: - Wrapped price inputs in relative div - Added currency symbol span - Applied pl-8 pr-3 text-right - Use store.decimals for step (1 or 0.01) Result: - Currency symbol visible without overlap - Numbers right-aligned (better UX) - Proper spacing - Works for all currencies (Rp, $, RM, etc.) 3. Categories/Tags Management - NOTED Current: Can only select existing categories/tags Solution: Users should manage in Categories and Tags tabs Future: Could add inline create with + button For now: Use dedicated tabs to add new categories/tags Result: - Edit page works correctly - Price inputs look professional - Currency support complete - Clear workflow for categories/tags
This commit is contained in:
@@ -14,6 +14,7 @@ import OrderEdit from '@/routes/Orders/Edit';
|
||||
import OrderDetail from '@/routes/Orders/Detail';
|
||||
import ProductsIndex from '@/routes/Products';
|
||||
import ProductNew from '@/routes/Products/New';
|
||||
import ProductEdit from '@/routes/Products/Edit';
|
||||
import ProductCategories from '@/routes/Products/Categories';
|
||||
import ProductTags from '@/routes/Products/Tags';
|
||||
import ProductAttributes from '@/routes/Products/Attributes';
|
||||
@@ -462,8 +463,7 @@ function AppRoutes() {
|
||||
{/* Products */}
|
||||
<Route path="/products" element={<ProductsIndex />} />
|
||||
<Route path="/products/new" element={<ProductNew />} />
|
||||
<Route path="/products/:id/edit" element={<ProductNew />} />
|
||||
<Route path="/products/:id" element={<ProductNew />} />
|
||||
<Route path="/products/:id/edit" element={<ProductEdit />} />
|
||||
<Route path="/products/categories" element={<ProductCategories />} />
|
||||
<Route path="/products/tags" element={<ProductTags />} />
|
||||
<Route path="/products/attributes" element={<ProductAttributes />} />
|
||||
|
||||
Reference in New Issue
Block a user