fix form and object logs in exc template (#106)

adobe · Sep 29, 2020 · 089f2ad · 089f2ad
1 parent e0993be
commit 089f2ad
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/generators/add-web-assets/exc-react/templates/src/components/ActionsForm.js b/generators/add-web-assets/exc-react/templates/src/components/ActionsForm.js
@@ -56,6 +56,7 @@ const ActionsForm = (props) => {
             itemKey="name"
             onSelectionChange={(name) =>
               setState({
+                ...state,
                 actionSelected: name,
                 actionResponseError: null,
                 actionResponse: null
@@ -106,7 +107,7 @@ const ActionsForm = (props) => {
           <Text>Failure! See the error in your browser console.</Text>
         </View>
       )}
-      {!state.actionError && state.actionResponse && (
+      {!state.actionResponseError && state.actionResponse && (
         <View backgroundColor={`positive`} padding={`size-100`} marginTop={`size-100`} marginBottom={`size-100`} borderRadius={`small `}>
           <Text>Success! See the response content in your browser console.</Text>
         </View>
@@ -131,12 +132,12 @@ const ActionsForm = (props) => {
         validStr = 'invalid'
       }
     }
-    setState({ [stateJSON]: content, [stateValid]: validStr })
+    setState({ ...state, [stateJSON]: content, [stateValid]: validStr })
   }
 
   // invokes a the selected backend actions with input headers and params
   async function invokeAction () {
-    setState({ actionInvokeInProgress: true })
+    setState({ ...state, actionInvokeInProgress: true })
     const action = state.actionSelected
     const headers = state.actionHeaders || {}
     const params = state.actionParams || {}
@@ -162,6 +163,7 @@ const ActionsForm = (props) => {
       const actionResponse = await actionWebInvoke(action, headers, params)
       // store the response
       setState({
+        ...state,
         actionResponse,
         actionResponseError: null,
         actionInvokeInProgress: false
@@ -171,6 +173,7 @@ const ActionsForm = (props) => {
       // log and store any error message
       console.error(e)
       setState({
+        ...state,
         actionResponse: null,
         actionResponseError: e.message,
         actionInvokeInProgress: false

diff --git a/generators/add-web-assets/exc-react/templates/src/components/App.js b/generators/add-web-assets/exc-react/templates/src/components/App.js
@@ -19,10 +19,10 @@ import SideBar from './SideBar'
 import ActionsForm from './ActionsForm'
 import { Home } from './Home'
 import { About } from './About'
-function App (props) {
 
-  console.log(`runtime object: ${props.runtime}`)
-  console.log(`ims object: ${props.ims}`)
+function App (props) {
+  console.log('runtime object:', props.runtime)
+  console.log('ims object:', props.ims)
 
   // use exc runtime event handlers
   // respond to configuration change events (e.g. user switches org)