From 96e792b91d9652f1b709871ad37bb43ef3f528ab Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Tue, 16 May 2023 14:13:19 +0300
Subject: [PATCH] fix PaymentsTable

---
 .../Form/Payments/PaymentsTable/builders.tsx  |  8 ++++--
 .../Form/Payments/PaymentsTable/config.tsx    | 26 +++++++++++++++++--
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/apps/web/Components/Calculation/Form/Payments/PaymentsTable/builders.tsx b/apps/web/Components/Calculation/Form/Payments/PaymentsTable/builders.tsx
index d03a5db..261b91a 100644
--- a/apps/web/Components/Calculation/Form/Payments/PaymentsTable/builders.tsx
+++ b/apps/web/Components/Calculation/Form/Payments/PaymentsTable/builders.tsx
@@ -8,7 +8,9 @@ export function buildValueComponent<T>(index: number, Component: ComponentType<T
     const [value, setValue] = usePaymentValue(index);
     const status = useRowStatus(index);
 
-    return <Component setValue={setValue} status={status} value={value} {...props} />;
+    return (
+      <Component onChange={setValue} disabled={status === 'Disabled'} value={value} {...props} />
+    );
   });
 }
 
@@ -17,6 +19,8 @@ export function buildSumComponent<T>(index: number, Component: ComponentType<T>)
     const [value, setValue] = usePaymentSum(index);
     const status = useRowStatus(index);
 
-    return <Component setValue={setValue} status={status} value={value} {...props} />;
+    return (
+      <Component onChange={setValue} disabled={status === 'Disabled'} value={value} {...props} />
+    );
   });
 }
diff --git a/apps/web/Components/Calculation/Form/Payments/PaymentsTable/config.tsx b/apps/web/Components/Calculation/Form/Payments/PaymentsTable/config.tsx
index 17b9761..a55affe 100644
--- a/apps/web/Components/Calculation/Form/Payments/PaymentsTable/config.tsx
+++ b/apps/web/Components/Calculation/Form/Payments/PaymentsTable/config.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/forbid-component-props */
 /* eslint-disable canonical/sort-keys */
 import { buildSumComponent, buildValueComponent } from './builders';
 import type { ColumnsType } from 'antd/lib/table';
@@ -32,7 +33,17 @@ export const columns: ColumnsType<Payment> = [
     render: (_value, payment) => {
       const Component = buildValueComponent(payment.num, InputNumber);
 
-      return <Component max={100} min={0} precision={payment.num === 0 ? 4 : 2} step={1} />;
+      return (
+        <Component
+          max={100}
+          min={0}
+          precision={payment.num === 0 ? 4 : 2}
+          step={1}
+          style={{
+            width: '100%',
+          }}
+        />
+      );
     },
   },
   {
@@ -42,7 +53,18 @@ export const columns: ColumnsType<Payment> = [
     render: (_value, payment) => {
       const Component = buildSumComponent(payment.num, InputNumber);
 
-      return <Component min={0} precision={2} step={1000} formatter={formatter} parser={parser} />;
+      return (
+        <Component
+          min={0}
+          precision={2}
+          step={1000}
+          formatter={formatter}
+          parser={parser}
+          style={{
+            width: '100%',
+          }}
+        />
+      );
     },
   },
 ];