Resolved front end errors, untested

sartography · Dec 13, 2023 · 7a789ea · 7a789ea
1 parent acecbaa
commit 7a789ea
Showing 1 changed file with 24 additions and 27 deletions.
diff --git a/spiffworkflow-frontend/src/components/DataStoreForm.tsx b/spiffworkflow-frontend/src/components/DataStoreForm.tsx
@@ -2,7 +2,6 @@ import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 // @ts-ignore
 import { Button, Form, Stack, TextInput, TextArea } from '@carbon/react';
-import { modifyProcessIdentifierForPathParam, slugifyString } from '../helpers';
 import HttpService from '../services/HttpService';
 import { DataStore } from '../interfaces';
 
@@ -26,9 +25,7 @@ export default function DataStoreForm({
 
   const navigateToDataStores = (_result: any) => {
     if (newDataStoreId) {
-      navigate(
-        `/dataStoress/${newDataStoreId}`
-      );
+      navigate(`/dataStoress/${newDataStoreId}`);
     }
   };
 
@@ -37,8 +34,8 @@ export default function DataStoreForm({
   };
 
   const handleFormSubmission = (event: any) => {
-    const searchParams = new URLSearchParams(document.location.search);
-    const parentGroupId = searchParams.get('parentGroupId');
+    // const searchParams = new URLSearchParams(document.location.search);
+    // const parentGroupId = searchParams.get('parentGroupId');
 
     event.preventDefault();
     let hasErrors = false;
@@ -53,20 +50,19 @@ export default function DataStoreForm({
     if (hasErrors) {
       return;
     }
-    let path = '/process-groups';
-    if (mode === 'edit') {
-      path = `/process-groups/${modifyProcessIdentifierForPathParam(
-        processGroup.id
-      )}`;
-    }
+    let path = '/data-stores';
     let httpMethod = 'POST';
     if (mode === 'edit') {
+      path = `/data-stores/${dataStore.id}`;
       httpMethod = 'PUT';
     }
     const postBody = {
-      display_name: processGroup.display_name,
-      description: processGroup.description,
+      id: dataStore.id,
+      name: dataStore.name,
+      description: dataStore.description,
+      type: dataStore.type,
     };
+    /*
     if (mode === 'new') {
       if (parentGroupId) {
         newProcessGroupId = `${parentGroupId}/${processGroup.id}`;
@@ -77,21 +73,22 @@ export default function DataStoreForm({
           : `${processGroup.id}`,
       });
     }
+    */
 
     HttpService.makeCallToBackend({
       path,
-      successCallback: navigateToProcessGroup,
+      successCallback: navigateToDataStores,
       httpMethod,
       postBody,
     });
   };
 
-  const updateProcessGroup = (newValues: any) => {
-    const processGroupToCopy = {
-      ...processGroup,
+  const updateDataStore = (newValues: any) => {
+    const dataStoreToCopy = {
+      ...dataStore,
     };
-    Object.assign(processGroupToCopy, newValues);
-    setProcessGroup(processGroupToCopy);
+    Object.assign(dataStoreToCopy, newValues);
+    setDataStore(dataStoreToCopy);
   };
 
   const onNameChanged = (newName: any) => {
@@ -100,7 +97,7 @@ export default function DataStoreForm({
     if (!idHasBeenUpdatedByUser && mode === 'new') {
       Object.assign(updateDict, { id: newName });
     }
-    updateProcessGroup(updateDict);
+    updateDataStore(updateDict);
   };
 
   const formElements = () => {
@@ -120,14 +117,14 @@ export default function DataStoreForm({
     if (mode === 'new') {
       textInputs.push(
         <TextInput
-          id="process-group-identifier"
+          id="data-store-identifier"
           name="id"
           invalidText="Identifier is required and must be all lowercase characters and hyphens."
           invalid={identifierInvalid}
           labelText="Identifier*"
-          value={processGroup.id}
+          value={dataStore.id}
           onChange={(event: any) => {
-            updateProcessGroup({ id: event.target.value });
+            updateDataStore({ id: event.target.value });
             // was invalid, and now valid
             if (identifierInvalid && hasValidIdentifier(event.target.value)) {
               setIdentifierInvalid(false);
@@ -140,12 +137,12 @@ export default function DataStoreForm({
 
     textInputs.push(
       <TextArea
-        id="process-group-description"
+        id="data-store-description"
         name="description"
         labelText="Description"
-        value={processGroup.description}
+        value={dataStore.description}
         onChange={(event: any) =>
-          updateProcessGroup({ description: event.target.value })
+          updateDataStore({ description: event.target.value })
         }
       />
     );