IO-1863 Delete parts return and order line.

2022-05-06 14:25:02 -07:00
parent d78955a8fd
commit 09d54722f0
3 changed files with 71 additions and 6 deletions
--- a/client/src/components/parts-order-delete-line/parts-order-delete-line.component.jsx
+++ b/client/src/components/parts-order-delete-line/parts-order-delete-line.component.jsx
@@ -0,0 +1,47 @@
+import React from "react";
+import { Button, Popconfirm } from "antd";
+import { DeleteFilled } from "@ant-design/icons";
+import { useTranslation } from "react-i18next";
+import { DELETE_PARTS_ORDER_LINE } from "../../graphql/parts-orders.queries";
+import { useMutation } from "@apollo/client";
+
+export default function PartsOrderDeleteLine({
+  disabled,
+  partsLineId,
+  partsOrderId,
+}) {
+  const { t } = useTranslation();
+  const [deletePartsOrderLine] = useMutation(DELETE_PARTS_ORDER_LINE);
+  return (
+    <Popconfirm
+      title={t("parts_orders.labels.confirmdelete")}
+      disabled={disabled}
+      onConfirm={async () => {
+        //Delete the parts return.!
+
+        await deletePartsOrderLine({
+          variables: { partsOrderLineId: partsLineId },
+          update(cache) {
+            cache.modify({
+              id: cache.identify({
+                __typename: "parts_orders",
+                id: partsOrderId,
+              }),
+              fields: {
+                parts_order_lines(cached, { readField }) {
+                  return cached.filter((c) => {
+                    return readField("id", c) !== partsLineId;
+                  });
+                },
+              },
+            });
+          },
+        });
+      }}
+    >
+      <Button disabled={disabled}>
+        <DeleteFilled />
+      </Button>
+    </Popconfirm>
+  );
+}