feat: add create mutation

app/containers/Admin/NaicsCode/NaicsCodeTable.tsx

@@ -4,6 +4,7 @@ import {graphql, createFragmentContainer, RelayProp} from 'react-relay';
 import {NaicsCodeTable_query} from '__generated__/NaicsCodeTable_query.graphql';
 import NaicsCodeTableRow from './NaicsCodeTableRow';
 import CreateNaicsCodeModal from 'components/Admin/CreateNaicsCodeModal';
+import createNaicsCodeMutation from 'mutations/naics_code/createNaicsCodeMutation';
 
 interface Props {
   relay: RelayProp;
@@ -15,21 +16,36 @@ export const NaicsCodeTableContainer: React.FunctionComponent<Props> = (
 ) => {
   const [validated, setValidated] = useState(false);
   const [showCreateModal, setShowCreateModal] = useState(false);
+  const {query} = props;
 
-  const handleCreateNaicsCode = (e: React.SyntheticEvent<any>) => {
+  const handleCreateNaicsCode = async (e: React.SyntheticEvent<any>) => {
     const form = e.currentTarget;
     if (form.checkValidity() === false) {
       e.preventDefault();
       e.stopPropagation();
     }
-    setValidated(true);
-    e.preventDefault();
     e.stopPropagation();
+    e.preventDefault();
+    e.persist();
+    setValidated(true);
 
-    console.log(e);
+    const {environment} = props.relay;
+    const variables = {
+      input: {
+        naicsCodeInput: e.target[0].value,
+        ciipSectorInput: e.target[1].value ? e.target[1].value : null,
+        naicsDescriptionInput: e.target[2].value
+      }
+    };
+    const response = await createNaicsCodeMutation(
+      environment,
+      variables,
+      query.allNaicsCodes.__id
+    );
+    console.log(response);
+    setShowCreateModal(false);
   };
 
-  const {query} = props;
   return (
     <>
       <div style={{textAlign: 'right'}}>

app/mutations/naics_code/createNaicsCodeMutation.ts

@@ -0,0 +1,52 @@
+import {graphql, DeclarativeMutationConfig} from 'react-relay';
+import RelayModernEnvironment from 'relay-runtime/lib/store/RelayModernEnvironment';
+import {
+  createNaicsCodeMutationMutationVariables,
+  createNaicsCodeMutationMutation as createNaicsCodeMutationMutationType
+} from 'createNaicsCodeMutationMutation.graphql';
+import BaseMutation from 'mutations/BaseMutation';
+
+const mutation = graphql`
+  mutation createNaicsCodeMutation($input: CreateNaicsCodeMutationInput!) {
+    createNaicsCodeMutation(input: $input) {
+      query {
+        allNaicsCodes {
+          edges {
+            node {
+              id
+              naicsCode
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+
+const createNaicsCodeMutation = async (
+  environment: RelayModernEnvironment,
+  variables: createNaicsCodeMutationMutationVariables
+) => {
+  const connectionKey = 'NaicsCodeTableContainer_allNaicsCodes';
+  const configs: DeclarativeMutationConfig[] = [
+    {
+      type: 'RANGE_ADD',
+      parentID: 'query',
+      connectionInfo: [
+        {
+          key: connectionKey,
+          rangeBehavior: 'append'
+        }
+      ],
+      edgeName: 'naicsCodeEdge'
+    }
+  ];
+
+  const m = new BaseMutation<createNaicsCodeMutationMutationType>(
+    'create-naics_code-mutation',
+    configs
+  );
+  return m.performMutation(environment, mutation, variables);
+};
+
+export default createNaicsCodeMutation;

app/mutations/naics_code/updateNaicsCodeMutation.ts

@@ -36,7 +36,7 @@ const updateNaicsCodeMutation = async (
     ConnectionHandler.deleteNode(connection, variables.input.id);
   };
   const m = new BaseMutation<updateNaicsCodeMutationType>(
-    'update-review-comment-mutation'
+    'update-naics-code-mutation'
   );
   return m.performMutation(
     environment,