Ability to delete non-exported payment IO-559

client/src/pages/bills/bills.page.component.jsx

@@ -1,10 +1,11 @@
 import { SyncOutlined } from "@ant-design/icons";
-import { Button, Checkbox, Input, Table, Typography } from "antd";
+import { Button, Checkbox, Input, Space, Table, Typography } from "antd";
 import queryString from "query-string";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link, useHistory, useLocation } from "react-router-dom";
+import BillDeleteButton from "../../components/bill-delete-button/bill-delete-button.component";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import { DateFormatter } from "../../utils/DateFormatter";
@@ -98,7 +99,7 @@ export function BillsListPage({
       dataIndex: "actions",
       key: "actions",
       render: (text, record) => (
-        <div>
+        <Space>
           <Link to={`/manage/bills?billid=${record.id}`}>
             <Button>{t("bills.actions.edit")}</Button>
           </Link>
@@ -128,7 +129,8 @@ export function BillsListPage({
           >
             {t("bills.actions.return")}
           </Button>
-        </div>
+          <BillDeleteButton bill={record} />
+        </Space>
       ),
     },
   ];