Fix two issues related to the data store type selection (#1033)

spiffworkflow-frontend/src/components/DataStoreForm.tsx

@@ -155,8 +155,14 @@ export default function DataStoreForm({
   const onTypeChanged = (newType: any) => {
     setTypeInvalid(false);
     const newTypeSelection = newType.selectedItem;
+    if (
+      newTypeSelection &&
+      typeof newTypeSelection === 'object' &&
+      'type' in newTypeSelection
+    ) {
       const updateDict = { type: newTypeSelection.type };
       updateDataStore(updateDict);
+    }
     setSelectedDataStoreType(newTypeSelection);
   };
 
@@ -166,6 +172,18 @@ export default function DataStoreForm({
     updateDataStore(updateDict);
   };
 
+  const dataStoreTypeDisplayString = (
+    dataStoreType: DataStoreType | null
+  ): string => {
+    if (dataStoreType) {
+      return `${dataStoreType.name} (${truncateString(
+        dataStoreType.description,
+        75
+      )})`;
+    }
+    return '';
+  };
+
   const formElements = () => {
     const textInputs = [
       <TextInput
@@ -200,21 +218,24 @@ export default function DataStoreForm({
       />
     );
 
+    if (mode === 'edit') {
+      textInputs.push(
+        <TextInput
+          id="data-store-type"
+          name="data-store-type"
+          readonly
+          labelText="Type*"
+          value={dataStoreTypeDisplayString(selectedDataStoreType)}
+        />
+      );
+    } else {
       textInputs.push(
         <ComboBox
           onChange={onTypeChanged}
           id="data-store-type-select"
           data-qa="data-store-type-selection"
           items={dataStoreTypes}
-        itemToString={(dataStoreType: DataStoreType) => {
-          if (dataStoreType) {
-            return `${dataStoreType.name} (${truncateString(
-              dataStoreType.description,
-              75
-            )})`;
-          }
-          return null;
-        }}
+          itemToString={dataStoreTypeDisplayString}
           titleText="Type*"
           invalidText="Type is required."
           invalid={typeInvalid}
@@ -222,6 +243,7 @@ export default function DataStoreForm({
           selectedItem={selectedDataStoreType}
         />
       );
+    }
 
     textInputs.push(
       <TextArea