Improve UI

frontend/src/components/domain/orders/OrderFormModal.tsx

@@ -30,6 +30,7 @@ import { ProductType, ProductCategory } from '../../../api/types/inventory';
 import { useCurrentTenant } from '../../../stores/tenant.store';
 import { useAuthUser } from '../../../stores/auth.store';
 import { useTranslation } from 'react-i18next';
+import { useTenantCurrency } from '../../../hooks/useTenantCurrency';
 
 interface OrderFormModalProps {
   isOpen: boolean;
@@ -47,6 +48,7 @@ export const OrderFormModal: React.FC<OrderFormModalProps> = ({
   const user = useAuthUser();
   const tenantId = currentTenant?.id || user?.tenant_id || '';
   const { t } = useTranslation(['orders', 'common']);
+  const { currencySymbol } = useTenantCurrency();
 
   // Create enum options using direct i18n
   const orderTypeOptions = Object.values(OrderType).map(value => ({
@@ -327,7 +329,7 @@ export const OrderFormModal: React.FC<OrderFormModalProps> = ({
                   <option value="">Seleccionar producto...</option>
                   {finishedProducts.map(product => (
                     <option key={product.id} value={product.id}>
-                      {product.name} - €{(product.average_cost || product.standard_cost || 0).toFixed(2)}
+                      {product.name} - {currencySymbol}{(product.average_cost || product.standard_cost || 0).toFixed(2)}
                     </option>
                   ))}
                 </select>
@@ -362,7 +364,7 @@ export const OrderFormModal: React.FC<OrderFormModalProps> = ({
                   <div className="flex-1">
                     <h4 className="font-medium text-[var(--text-primary)]">{item.product_name}</h4>
                     <p className="text-sm text-[var(--text-secondary)]">
-                      €{item.unit_price.toFixed(2)} × {item.quantity} = €{(item.unit_price * item.quantity).toFixed(2)}
+                      {currencySymbol}{item.unit_price.toFixed(2)} × {item.quantity} = {currencySymbol}{(item.unit_price * item.quantity).toFixed(2)}
                     </p>
                   </div>
                   <div className="flex items-center gap-2">