From 77ea1d50197094876369080257a9094f44be0cc7 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Sat, 6 May 2023 14:33:09 +0300
Subject: [PATCH] prepare onClick ReloadButton

---
 .../Form/ELT/Components/ReloadButton.tsx       | 18 ++++++++++--------
 .../Components/Calculation/Form/ELT/Kasko.tsx  | 13 +++++++------
 .../Components/Calculation/Form/ELT/Osago.tsx  |  8 +++++---
 3 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/apps/web/Components/Calculation/Form/ELT/Components/ReloadButton.tsx b/apps/web/Components/Calculation/Form/ELT/Components/ReloadButton.tsx
index 30806da..63be65e 100644
--- a/apps/web/Components/Calculation/Form/ELT/Components/ReloadButton.tsx
+++ b/apps/web/Components/Calculation/Form/ELT/Components/ReloadButton.tsx
@@ -4,13 +4,15 @@ import { observer } from 'mobx-react-lite';
 import { Button } from 'ui/antd';
 import { ReloadOutlined } from 'ui/elements/icons';
 
-export const ReloadButton = observer(({ storeSelector }: { storeSelector: StoreSelector }) => {
-  const { $tables } = useStore();
-  const { validation } = storeSelector($tables.elt);
+export const ReloadButton = observer(
+  ({ storeSelector, onClick }: { onClick: () => void; storeSelector: StoreSelector }) => {
+    const { $tables } = useStore();
+    const { validation } = storeSelector($tables.elt);
 
-  const hasErrors = validation.hasErrors;
+    const hasErrors = validation.hasErrors;
 
-  return (
-    <Button onClick={() => {}} disabled={hasErrors} shape="circle" icon={<ReloadOutlined />} />
-  );
-});
+    return (
+      <Button onClick={onClick} disabled={hasErrors} shape="circle" icon={<ReloadOutlined />} />
+    );
+  }
+);
diff --git a/apps/web/Components/Calculation/Form/ELT/Kasko.tsx b/apps/web/Components/Calculation/Form/ELT/Kasko.tsx
index 193beb5..5901b1c 100644
--- a/apps/web/Components/Calculation/Form/ELT/Kasko.tsx
+++ b/apps/web/Components/Calculation/Form/ELT/Kasko.tsx
@@ -4,17 +4,18 @@ import type { StoreSelector } from './types';
 import { clone } from 'tools';
 import { Flex } from 'ui/grid';
 
-const getter: StoreSelector = ({ osago }) => osago;
+const storeSelector: StoreSelector = ({ kasko }) => kasko;
 
-const kaskoColumns = clone(columns);
-kaskoColumns[0].title = 'Страховая компания КАСКО';
-kaskoColumns[3].title = <ReloadButton storeSelector={getter} />;
+function handleOnClick() {}
 
 export function Kasko() {
+  const kaskoColumns = clone(columns);
+  kaskoColumns[0].title = 'Страховая компания КАСКО';
+  kaskoColumns[3].title = <ReloadButton storeSelector={storeSelector} onClick={handleOnClick} />;
   return (
     <Flex flexDirection="column">
-      <Validation storeSelector={getter} />
-      <PolicyTable storeSelector={getter} columns={kaskoColumns} />
+      <Validation storeSelector={storeSelector} />
+      <PolicyTable storeSelector={storeSelector} columns={kaskoColumns} />
     </Flex>
   );
 }
diff --git a/apps/web/Components/Calculation/Form/ELT/Osago.tsx b/apps/web/Components/Calculation/Form/ELT/Osago.tsx
index 68fca6c..eeab69f 100644
--- a/apps/web/Components/Calculation/Form/ELT/Osago.tsx
+++ b/apps/web/Components/Calculation/Form/ELT/Osago.tsx
@@ -6,11 +6,13 @@ import { Flex } from 'ui/grid';
 
 const storeSelector: StoreSelector = ({ osago }) => osago;
 
-const osagoColumns = clone(columns);
-osagoColumns[0].title = 'Страховая компания ОСАГО';
-osagoColumns[3].title = <ReloadButton storeSelector={storeSelector} />;
+function handleOnClick() {}
 
 export function Osago() {
+  const osagoColumns = clone(columns);
+  osagoColumns[0].title = 'Страховая компания ОСАГО';
+  osagoColumns[3].title = <ReloadButton storeSelector={storeSelector} onClick={handleOnClick} />;
+
   return (
     <Flex flexDirection="column">
       <Validation storeSelector={storeSelector} />