From 345245a0c9313d31cd4905327e60e43c481c56b8 Mon Sep 17 00:00:00 2001
From: Chika <djchikalkin@gmail.com>
Date: Tue, 5 Jul 2022 18:45:42 +0300
Subject: [PATCH] Calculation/InsuranceTable: separate observer components

---
 .../Form/Insurance/InsuranceTable/index.jsx   | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/Components/Calculation/Form/Insurance/InsuranceTable/index.jsx b/Components/Calculation/Form/Insurance/InsuranceTable/index.jsx
index 3289be4..ff29374 100644
--- a/Components/Calculation/Form/Insurance/InsuranceTable/index.jsx
+++ b/Components/Calculation/Form/Insurance/InsuranceTable/index.jsx
@@ -28,27 +28,31 @@ const Validation = observer(() => {
   return null;
 });
 
-function InsuranceTable() {
+const InsuranceTable = observer(() => {
   const store = useStore();
 
   const { values } = store.$tables.insurance;
 
+  return (
+    <TableWrapper>
+      <Table
+        size="small"
+        pagination={false}
+        columns={columns}
+        dataSource={values}
+        scroll={{
+          x: true,
+        }}
+      />
+    </TableWrapper>
+  );
+});
+
+export default function () {
   return (
     <Grid>
-      <TableWrapper>
-        <Table
-          size="small"
-          pagination={false}
-          columns={columns}
-          dataSource={values}
-          scroll={{
-            x: true,
-          }}
-        />
-      </TableWrapper>
+      <InsuranceTable />
       <Validation />
     </Grid>
   );
 }
-
-export default InsuranceTable;