Port the image output step to the new wizard v2. This is also the first step in the new redesigned wizard and this commit message is an opportunity to detail a bit the organisation of it: The code is organised as followed: - CreateImageWizard is the root and contains all the code associated with the PF wizard. (i.e Wizard and WizardStep). - Each step has its code under the step/ sub directory. - The step directory is named after the step (i.e ImageOutput for the Image Output step - At the root of the step directory there is a file which contains the code of the step (i.e ImageOutput.tsx). - The main component of the step can access many subcomponents and they have to be stored alongside it in its directory. State management: - The state management is only done with react use states, prop drilling and state lifting. This is to ensure simplicity as it makes the wizard - If necessary in the future, there might be needs for context and reducers, but it's quite not the case RN. And using them come at the cost of making exploring the code harder. - CreateImageWizard will declare all the states |
||
|---|---|---|
| .. | ||
| ImageOutput | ||