Task/wp 715 react exception form follow on

[sophia-massie]

Overview

Button actions, add non-dynamic fields, allow form to choose between other exception or threshold.
This should complete work on the React Exception Form page.

Related

• WP-715

Changes

• Loads other/threshold forms dynamically
• Add/remove threshold working
• Dynamically appending unique index for threshold form fields

Testing

1. Go to http://localhost:8000/submissions/exception/ and try out the different exception types and check dynamic fields

UI

Main page

Main page after selection to threshold

Threshold when adding an exception and populating dynamic fields

Other exception selection page

Notes

TODO:

• Handle submit
• Handle validation
• Pass threshold form fields back to exceptionFormPage using something like

interface ExceptionFormProps {
  index: number;
  formikProps: {
    setFieldValue: (field: string, value: any) => void;
    values: any; // or a more specific type
  };
}

const ExceptionForm: React.FC<ExceptionFormProps> = ({ index, formikProps }) => {
  const { setFieldValue, values } = formikProps;