New: Show isValud state in the formStateTable component (#122)

samueldusek · web-flow · commit 6b3ac31e87c7 · 2022-03-23T08:52:17.000+11:00
diff --git a/src/formStateTable.tsx b/src/formStateTable.tsx
@@ -49,6 +49,19 @@ const FormStateTable = ({
                 {formState.isValid ? 'true' : 'false'}
               </td>
             </tr>
+            <tr>
+              <td align="right" style={{ ...paraGraphDefaultStyle }}>
+                Dirty:
+              </td>
+              <td
+                style={{
+                  color: formState.isDirty ? colors.green : colors.lightPink,
+                  ...paraGraphDefaultStyle,
+                }}
+              >
+                {formState.isDirty ? 'true' : 'false'}
+              </td>
+            </tr>
             <tr>
               <td align="right" style={{ ...paraGraphDefaultStyle }}>
                 Submitted:
