Facturas de cliente

modules/customer-invoices/src/web/components/editor/items/blocks-view.tsx

@@ -7,7 +7,7 @@ import { useTranslation } from "../../../i18n";
 import { CustomerInvoiceFormData } from "../../../schemas";
 import { CustomItemViewProps } from "./types";
 
-export interface BlocksViewProps extends CustomItemViewProps {}
+export interface BlocksViewProps extends CustomItemViewProps { }
 
 const formatCurrency = (amount: number) => {
   return new Intl.NumberFormat("es-ES", {

modules/customer-invoices/src/web/components/editor/items/table-view.tsx

@@ -16,9 +16,12 @@ import {
 import { ChevronDownIcon, ChevronUpIcon, CopyIcon, Plus, TrashIcon } from "lucide-react";
 
 
+import { TaxesMultiSelectField } from '@erp/core/components';
 import { useMoney } from '@erp/core/hooks';
 import { useEffect, useState } from 'react';
+import { useFormContext } from 'react-hook-form';
 import { useCalculateItemAmounts } from '../../../hooks';
+import { useTranslation } from '../../../i18n';
 import { CustomerInvoiceItemFormData } from '../../../schemas';
 import { HoverCardTotalsSummary } from './hover-card-total-summary';
 import { CustomItemViewProps } from "./types";
@@ -26,6 +29,8 @@ import { CustomItemViewProps } from "./types";
 export interface TableViewProps extends CustomItemViewProps { }
 
 export const TableView = ({ items, actions }: TableViewProps) => {
+  const { t } = useTranslation();
+  const { control } = useFormContext<CustomerInvoiceItemFormData>();
   const { format } = useMoney();
   const calculateItemAmounts = useCalculateItemAmounts();
   const [lines, setLines] = useState<CustomerInvoiceItemFormData[]>(items);
@@ -202,6 +207,18 @@ export const TableView = ({ items, actions }: TableViewProps) => {
                   />
                 </TableCell>
 
+                <TableCell className="text-right">
+                  <TaxesMultiSelectField
+                    control={control}
+                    name={`item.${i}.tax_codes`}
+                    required
+                    label={t("form_fields.item.tax_codes.label")}
+                    placeholder={t("form_fields.item.tax_codes.placeholder")}
+                    description={t("form_fields.item.tax_codes.description")}
+                  />
+                </TableCell>
+
+
                 {/* TOTAL */}
                 <TableCell className="text-right font-mono">
                   <HoverCardTotalsSummary item={item}>

modules/customer-invoices/src/web/pages/update/customer-invoices-update-page.tsx

@@ -132,7 +132,7 @@ export const CustomerInvoiceUpdatePage = () => {
 
   return (
     <UnsavedChangesProvider isDirty={form.formState.isDirty}>
-      <AppHeader className="sticky">
+      <AppHeader>
         <AppBreadcrumb />
         <PageHeader
           status={invoiceData.status}