Forgot password UI 🖌️

[TreavVasu]

Fixes #18

Description

#18

Type of Change: (Delete irrelevant options)

• Code
• Documentation

Code/Quality Assurance Only (Delete irrelevant options)

• New feature (non-breaking change which adds functionality pre-approved by mentors)

How Has This Been Tested?

Describe the tests you ran to verify your changes. Provide instructions or GIFs so we can reproduce. List any relevant details for your test.

Checklist:

• My PR follows the style guidelines of this project
• I have performed a self-review of my own code or materials
• I have commented my code or provided relevant documentation, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• Any dependent changes have been merged
• I have added one/more required dependencies
• I have formatted the code using dart format (dartfmt)

Code/Quality Assurance

• My changes generate no new warnings
• My PR currently breaks something (fix or feature that would cause existing functionality to not work as expected)
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

Mention the dependencies/packages/plugins that have been added (if any)

[TreavVasu]

Currently: Defragmentation of code.

[TreavVasu]

@werainkhatri Currently the states do not wait for each other they just redirect from one another. Giving no time for Entering email or top and showing error afterward! Can you describe what is the problem here?
I will resolve it tomorrow

[werainkhatri]

Some changes. More required. Test the code, fix other bugs and I'll review later.

1. Code improvement

replace lines 44-119 with the code below

    body: Stack(
      children: [
        ScreenBackground(elementId: 0),
        BlocConsumer(
          listener: (context, state) {
            if (state is ForgotPasswordError) {
              Scaffold.of(context).showSnackBar(
                SnackBar(content: Text(state.message)),
              );
            }
          },
          builder: (context, state) {
            if (state is ForgotLoading)
              return _buildLoading(context);
            else if (state is ForgotPasswordError)
              return _stepScreen(context, state.state);
            else if (state is ForgotResetSuccess)
              return _passwordResetSuccess();
            else
              return _stepScreen(context, state);
          },
        ),
      ],
    ),
  );
}


Widget _stepScreen(BuildContext context, ForgotPasswordState state) {
  if (state is ForgotEmailInitial)
    return AskEmailScreen(
      emailController: emailController,
      onSubmit: () => _sendOTP(context, state),
    );
  else if (state is ForgotOTPInitial)
    return EnterOTPScreen(
      numSelected: _onNumSelected,
      otp: otpEntered,
      toVerify: () => _verifyOtp(context, state),
    );
  else if (state is ForgotResetInitial)
    return ResetPassword(
      onConfirm: () => _changePassword(context, state),
      confirmPasswordController: confirmPasswordController,
      passwordController: passwordController,
    );
  else
    return AskEmailScreen(
      emailController: emailController,
      onSubmit: () => _sendOTP(context, state),
    );
}

2. Add scroll feature (when user opens keyboard, screen scrolls, as in loginscreen)
3. Update the delayed duration in FakeRepository to 1s.