IO-2298 added export buttons on payments

client/src/components/payment-modal/payment-modal.container.jsx

@@ -1,6 +1,6 @@
 import { useMutation } from "@apollo/client";
 
-import { Button, Form, Modal, notification } from "antd";
+import { Button, Form, Modal, notification, Space } from "antd";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -19,6 +19,8 @@ import {
 import { GenerateDocument } from "../../utils/RenderTemplate";
 import { TemplateList } from "../../utils/TemplateConstants";
 import PaymentForm from "../payment-form/payment-form.component";
+import { PaymentExportButton } from "../payment-export-button/payment-export-button.component";
+import PaymentReexportButton from "../payment-reexport-button/payment-reexport-button.component";
 
 const mapStateToProps = createStructuredSelector({
   paymentModal: selectPayment,
@@ -176,12 +178,33 @@ function PaymentModalContainer({
         </span>
       }
     >
+      <Space>
+        <PaymentReexportButton
+          payment={context}
+          refetch={() => {
+            toggleModalVisible();
+
+            return actions.refetch;
+          }}
+        />
+        <PaymentExportButton
+          bodyshop={bodyshop}
+          paymentId={context.id}
+          disabled={!!context.exportedat}
+          refetch={() => {
+            toggleModalVisible();
+
+            return actions.refetch;
+          }}
+        />
+      </Space>
       <Form
         onFinish={handleFinish}
         autoComplete={"off"}
         form={form}
         layout="vertical"
         initialValues={context || {}}
+        disabled={context.exportedat}
       >
         <PaymentForm form={form} />
       </Form>