appProject/src/widgets/wizardForm/ui/WizardForm.tsx - finalProject - dbataeva/tasksApp

appProject/src/widgets/wizardForm/ui/WizardForm.tsx

25 строк600 B

Daria Bataeva

refactor(task7): move code into appProject folder

26 окт 2025, 14:56

26 окт 2025, 14:56489b5b2

import React, { useActionState } from 'react';

import { action } from '../api/action';
import styles from './WizardForm.module.css';
import { formModel } from '../model/formModel';
import { StateType } from '../model/stateType';

export const WizardForm = () => {
	const [state, formAction, isPending] = useActionState<StateType, FormData>(
		action,
		{
			step: 0,
			success: false,
			message: '',
			email: '',
		}
	);

	return (
		<form className={styles.form}>
			{formModel[state.step](formAction)}
			{isPending ? 'Оформляем подписку...' : state?.message}
		</form>
	);
};