feat: add remove product link mutation

app/containers/Products/ProductRowItemContainer.tsx

@@ -33,6 +33,7 @@ import {
 import HeaderWidget from 'components/HeaderWidget';
 import PastBenchmarks from 'components/Benchmark/PastBenchmarks';
 import createProductLinkMutation from 'mutations/product_link/createProductLinkMutation';
+import updateProductLinkMutation from 'mutations/product_link/updateProductLinkMutation';
 
 interface Props {
   relay: RelayProp;
@@ -416,7 +417,8 @@ export const ProductRowItemComponent: React.FunctionComponent<Props> = ({
       input: {
         productLink: {
           productId: product.rowId,
-          linkedProductId: newLink
+          linkedProductId: newLink,
+          isDeleted: false
         }
       }
     };
@@ -429,6 +431,26 @@ export const ProductRowItemComponent: React.FunctionComponent<Props> = ({
     console.log(response);
   };
 
+  // TODO: GET ID OF PRODUCT LINK (add to db function?)
+  const removeProductLink = async (removeLink: number) => {
+    const variables = {
+      input: {
+        productLink: {
+          productId: product.rowId,
+          linkedProductId: removeLink,
+          isDeleted: true
+        }
+      }
+    };
+
+    const response = await updateProductLinkMutation(
+      relay.environment,
+      variables
+    );
+    handleUpdateProductCount((productCount += 1));
+    console.log(response);
+  };
+
   const data = [];
 
   product.productLink.edges.forEach((edge) => {
@@ -457,16 +479,15 @@ export const ProductRowItemComponent: React.FunctionComponent<Props> = ({
         console.log(response);
       }
     });
-    previousLinks.forEach((id) => {
-      if (!newLinks.includes(id)) console.log('REMOVE:', id);
+    previousLinks.forEach(async (id) => {
+      if (!newLinks.includes(id)) {
+        console.log('REMOVE:', id);
+        const response = await removeProductLink(id);
+        console.log(response);
+      }
     });
   };
 
-  const removeLink = () => {
-    data.splice(2, 1);
-    console.log(data);
-  };
-
   const linkProductModal = (
     <Modal
       centered
@@ -514,9 +535,6 @@ export const ProductRowItemComponent: React.FunctionComponent<Props> = ({
                 onSubmit={saveLinkedProducts}
               />
             </Col>
-            <Col>
-              <Button onClick={removeLink}>remove</Button>
-            </Col>
           </Row>
         </Container>
       </Modal.Body>

app/mutations/product_link/createProductLinkMutation.ts

@@ -2,7 +2,7 @@ import {graphql} from 'react-relay';
 import {
   createProductLinkMutation as createProductLinkMutationType,
   createProductLinkMutationVariables
-} from 'createProductMutation.graphql';
+} from 'createProductLinkMutation.graphql';
 import {RelayModernEnvironment} from 'relay-runtime/lib/store/RelayModernEnvironment';
 import BaseMutation from 'mutations/BaseMutation';
 

app/mutations/product_link/updateProductLinkMutation.ts

@@ -0,0 +1,33 @@
+import {graphql} from 'react-relay';
+import {RelayModernEnvironment} from 'relay-runtime/lib/store/RelayModernEnvironment';
+import {
+  updateProductLinkMutation as updateProductLinkMutationType,
+  updateProductLinkMutationVariables
+} from 'updateProductLinkMutation.graphql';
+import BaseMutation from 'mutations/BaseMutation';
+
+const mutation = graphql`
+  mutation updateProductLinkMutation($input: UpdateProductLinkInput!) {
+    updateProductLink(input: $input) {
+      productLink {
+        id
+        productId
+        linkedProductId
+        isDeleted
+      }
+    }
+  }
+`;
+
+// TODO: May want to surface the onCompleted errors to the user (ie not reject, resolve & report)
+const updateProductLinkMutation = async (
+  environment: RelayModernEnvironment,
+  variables: updateProductLinkMutationVariables
+) => {
+  const m = new BaseMutation<updateProductLinkMutationType>(
+    'update-product-mutation'
+  );
+  return m.performMutation(environment, mutation, variables);
+};
+
+export default updateProductLinkMutation;

app/server/schema.graphql

@@ -10137,6 +10137,9 @@ type ProductLink implements Node {
   """
   id: ID!
 
+  """Boolean value indicates if the link has been terminated"""
+  isDeleted: Boolean!
+
   """
   The id of the product the linked required by product_id to also be reported
   """
@@ -10178,6 +10181,9 @@ input ProductLinkCondition {
   """Checks for equality with the object’s `deletedBy` field."""
   deletedBy: Int
 
+  """Checks for equality with the object’s `isDeleted` field."""
+  isDeleted: Boolean
+
   """Checks for equality with the object’s `linkedProductId` field."""
   linkedProductId: Int
 
@@ -10208,6 +10214,9 @@ input ProductLinkInput {
   """The user who deleted the row"""
   deletedBy: Int
 
+  """Boolean value indicates if the link has been terminated"""
+  isDeleted: Boolean
+
   """
   The id of the product the linked required by product_id to also be reported
   """
@@ -10239,6 +10248,9 @@ input ProductLinkPatch {
   """The user who deleted the row"""
   deletedBy: Int
 
+  """Boolean value indicates if the link has been terminated"""
+  isDeleted: Boolean
+
   """
   The id of the product the linked required by product_id to also be reported
   """
@@ -10292,6 +10304,8 @@ enum ProductLinksOrderBy {
   DELETED_BY_DESC
   ID_ASC
   ID_DESC
+  IS_DELETED_ASC
+  IS_DELETED_DESC
   LINKED_PRODUCT_ID_ASC
   LINKED_PRODUCT_ID_DESC
   NATURAL

app/server/schema.json

@@ -13436,6 +13436,16 @@
               },
               "defaultValue": null
             },
+            {
+              "name": "isDeleted",
+              "description": "Checks for equality with the object’s `isDeleted` field.",
+              "type": {
+                "kind": "SCALAR",
+                "name": "Boolean",
+                "ofType": null
+              },
+              "defaultValue": null
+            },
             {
               "name": "linkedProductId",
               "description": "Checks for equality with the object’s `linkedProductId` field.",
@@ -13559,6 +13569,18 @@
               "isDeprecated": false,
               "deprecationReason": null
             },
+            {
+              "name": "IS_DELETED_ASC",
+              "description": null,
+              "isDeprecated": false,
+              "deprecationReason": null
+            },
+            {
+              "name": "IS_DELETED_DESC",
+              "description": null,
+              "isDeprecated": false,
+              "deprecationReason": null
+            },
             {
               "name": "LINKED_PRODUCT_ID_ASC",
               "description": null,
@@ -13859,6 +13881,22 @@
               "isDeprecated": false,
               "deprecationReason": null
             },
+            {
+              "name": "isDeleted",
+              "description": "Boolean value indicates if the link has been terminated",
+              "args": [],
+              "type": {
+                "kind": "NON_NULL",
+                "name": null,
+                "ofType": {
+                  "kind": "SCALAR",
+                  "name": "Boolean",
+                  "ofType": null
+                }
+              },
+              "isDeprecated": false,
+              "deprecationReason": null
+            },
             {
               "name": "linkedProductId",
               "description": "The id of the product the linked required by product_id to also be reported",
@@ -36614,6 +36652,16 @@
               },
               "defaultValue": null
             },
+            {
+              "name": "isDeleted",
+              "description": "Boolean value indicates if the link has been terminated",
+              "type": {
+                "kind": "SCALAR",
+                "name": "Boolean",
+                "ofType": null
+              },
+              "defaultValue": null
+            },
             {
               "name": "linkedProductId",
               "description": "The id of the product the linked required by product_id to also be reported",
@@ -48285,6 +48333,16 @@
               },
               "defaultValue": null
             },
+            {
+              "name": "isDeleted",
+              "description": "Boolean value indicates if the link has been terminated",
+              "type": {
+                "kind": "SCALAR",
+                "name": "Boolean",
+                "ofType": null
+              },
+              "defaultValue": null
+            },
             {
               "name": "linkedProductId",
               "description": "The id of the product the linked required by product_id to also be reported",