Convert Form Components to TypeScript

frontend/src/Store/Actions/providerOptionActions.js

@@ -55,10 +55,19 @@ export const actionHandlers = handleThunks({
       payload
     };
 
-    dispatch(set({
-      section: subsection,
-      isFetching: true
-    }));
+    // Subsection might not yet be defined
+    if (getState()[section][payload.section]) {
+      dispatch(set({
+        section: subsection,
+        isFetching: true
+      }));
+    } else {
+      dispatch(set({
+        section: subsection,
+        ...defaultState,
+        isFetching: true
+      }));
+    }
 
     const promise = requestAction(payload);
 

frontend/src/Store/Selectors/createSortedSectionSelector.ts

@@ -1,4 +1,5 @@
 import { createSelector } from 'reselect';
+import AppState from 'App/State/AppState';
 import getSectionState from 'Utilities/State/getSectionState';
 
 function createSortedSectionSelector<T>(
@@ -6,7 +7,7 @@ function createSortedSectionSelector<T>(
   comparer: (a: T, b: T) => number
 ) {
   return createSelector(
-    (state) => state,
+    (state: AppState) => state,
     (state) => {
       const sectionState = getSectionState(state, section, true);
 

frontend/src/Store/Selectors/selectSettings.js

@@ -10,6 +10,11 @@ function getValidationFailures(saveError) {
 
 function mapFailure(failure) {
   return {
+    errorMessage: failure.errorMessage,
+    infoLink: failure.infoLink,
+    detailedDescription: failure.detailedDescription,
+
+    // TODO: Remove these renamed properties
     message: failure.errorMessage,
     link: failure.infoLink,
     detailedMessage: failure.detailedDescription