admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ability to delete non-exported payment IO-559

Browse Source
This commit is contained in:
Patrick Fic
2021-01-21 15:57:42 -08:00
parent 2117896410
commit 3836750fb3
13 changed files with 195 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
client/src/components/bill-delete-button/bill-delete-button.component.jsx Normal file
View File

@@ -0,0 +1,52 @@
import { useMutation } from "@apollo/react-hooks";
import { Button, notification } from "antd";
import React, { useState } from "react";
import { useTranslation } from "react-i18next";
import { DELETE_BILL } from "../../graphql/bills.queries";
export default function BillDeleteButton({ bill }) {
const [loading, setLoading] = useState(false);
const { t } = useTranslation();
const [deleteBill] = useMutation(DELETE_BILL);
const handleDelete = async () => {
setLoading(true);
const result = await deleteBill({
variables: { billId: bill.id },
update(cache) {
cache.modify({
fields: {
bills(existingBills, { readField }) {
return existingBills.filter(
(billref) => bill.id !== readField("id", billref)
);
},
search_bills(existingBills, { readField }) {
return existingBills.filter(
(billref) => bill.id !== readField("id", billref)
);
},
},
});
},
});
if (!!!result.errors) {
notification["success"]({ message: t("bills.successes.deleted") });
} else {
notification["error"]({
message: t("bills.errors.deleting", {
error: JSON.stringify(result.errors),
}),
});
}
setLoading(false);
};
return (
<Button disabled={bill.exported} onClick={handleDelete} loading={loading}>
{t("general.actions.delete")}
</Button>
);
}

16
client/src/components/bills-list-table/bills-list-table.component.jsx
View File

@@ -1,5 +1,13 @@
import { SyncOutlined } from "@ant-design/icons";
import { Button, Checkbox, Descriptions, Input, Table, Typography } from "antd";
import {
Button,
Checkbox,
Descriptions,
Input,
Space,
Table,
Typography,
} from "antd";
import queryString from "query-string";
import React, { useState } from "react";
import { useTranslation } from "react-i18next";
@@ -10,6 +18,7 @@ import { setModalContext } from "../../redux/modals/modals.actions";
import CurrencyFormatter from "../../utils/CurrencyFormatter";
import { DateFormatter } from "../../utils/DateFormatter";
import { alphaSort } from "../../utils/sorters";
import BillDeleteButton from "../bill-delete-button/bill-delete-button.component";
const mapStateToProps = createStructuredSelector({
//jobRO: selectJobReadOnly,
@@ -106,7 +115,7 @@ export function BillsListTableComponent({
dataIndex: "actions",
key: "actions",
render: (text, record) => (
<div>
<Space>
{record.exported ? (
<Button disabled>{t("bills.actions.edit")}</Button>
) : (
@@ -116,7 +125,8 @@ export function BillsListTableComponent({
<Button>{t("bills.actions.edit")}</Button>
</Link>
)}
</div>
<BillDeleteButton bill={record} />
</Space>
),
},
];

8
client/src/graphql/bills.queries.js
View File

@@ -10,6 +10,14 @@ export const INSERT_NEW_BILL = gql`
}
`;
export const DELETE_BILL = gql`
mutation DELETE_BILL($billId: uuid!) {
delete_bills_by_pk(id: $billId) {
id
}
}
`;
export const QUERY_ALL_BILLS_PAGINATED = gql`
query QUERY_ALL_BILLS_PAGINATED(
$search: String

8
client/src/pages/bills/bills.page.component.jsx
View File

@@ -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>
),
},
];

6
client/src/translations/en_us/common.json
View File

@@ -112,7 +112,8 @@
"return": "Return Items"
},
"errors": {
"creating": "Error adding bill.",
"creating": "Error adding bill. {{error}}",
"deleting": "Error deleting bill. {{error}}",
"exporting": "Error exporting payable(s). {{error}}",
"exporting-partner": "Unable to connect to ImEX Partner. Please ensure it is running and logged in.",
"invalidro": "Not a valid RO.",
@@ -154,7 +155,8 @@
"subtotal": "Subtotal"
},
"successes": {
"created": "Invoice added successfully."
"created": "Invoice added successfully.",
"deleted": "Bill deleted successfully."
},
"validation": {
"unique_invoice_number": "This invoice number has already been entered for this vendor."

4
client/src/translations/es/common.json
View File

@@ -113,6 +113,7 @@
},
"errors": {
"creating": "",
"deleting": "",
"exporting": "",
"exporting-partner": "",
"invalidro": "",
@@ -154,7 +155,8 @@
"subtotal": ""
},
"successes": {
"created": ""
"created": "",
"deleted": ""
},
"validation": {
"unique_invoice_number": ""

4
client/src/translations/fr/common.json
View File

@@ -113,6 +113,7 @@
},
"errors": {
"creating": "",
"deleting": "",
"exporting": "",
"exporting-partner": "",
"invalidro": "",
@@ -154,7 +155,8 @@
"subtotal": ""
},
"successes": {
"created": ""
"created": "",
"deleted": ""
},
"validation": {
"unique_invoice_number": ""