Forráskód Böngészése

don't crash form debugger

Ivan Galakhov 4 éve
szülő
commit
e5fd639fa3

+ 2 - 0
dashboard/src/components/form-refactor/PorterFormContextProvider.tsx

@@ -41,6 +41,8 @@ const { Provider } = PorterFormContext;
 export const PorterFormContextProvider: React.FC<Props> = (props) => {
   const context = useContext(Context);
 
+  console.log(props.rawFormData);
+
   const handleAction = (
     state: PorterFormState,
     action: PorterFormAction

+ 19 - 17
dashboard/src/components/values-form/FormDebugger.tsx

@@ -158,23 +158,25 @@ export default class FormDebugger extends Component<PropsType, StateType> {
 
         <Heading>🎨 Rendered Form</Heading>
         <Br />
-        <PorterFormContextProvider
-          rawFormData={formData as PorterFormData}
-          overrideVariables={{
-            input_a: this.state.valuesToOverride?.input_a?.value,
-          }}
-          isReadOnly={this.state.isReadOnly}
-          onSubmit={(vars) => {
-            console.log("check console output");
-            console.log(vars);
-          }}
-        >
-          <PorterForm
-            rightTabOptions={this.state.showBonusTabs ? tabOptions : []}
-            renderTabContents={this.renderTabContents}
-            saveButtonText={"Test Submit"}
-          />
-        </PorterFormContextProvider>
+        {(formData as any).name && (
+          <PorterFormContextProvider
+            rawFormData={formData as PorterFormData}
+            overrideVariables={{
+              input_a: this.state.valuesToOverride?.input_a?.value,
+            }}
+            isReadOnly={this.state.isReadOnly}
+            onSubmit={(vars) => {
+              alert("check console output");
+              console.log(vars);
+            }}
+          >
+            <PorterForm
+              rightTabOptions={this.state.showBonusTabs ? tabOptions : []}
+              renderTabContents={this.renderTabContents}
+              saveButtonText={"Test Submit"}
+            />
+          </PorterFormContextProvider>
+        )}
         {/*<FormWrapper*/}
         {/*  valuesToOverride={this.state.valuesToOverride}*/}
         {/*  clearValuesToOverride={() =>*/}