%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/emergentqj/actioncivile/pre-auth/.632e77b3fb93bc8da5b589b869bc0037/static/js/pages/migration/steps/
Upload File :
Create Path :
Current File : /home/emergentqj/actioncivile/pre-auth/.632e77b3fb93bc8da5b589b869bc0037/static/js/pages/migration/steps/SuccessStep.js

import React from "react";
import PropTypes from "prop-types";
import { useSelector } from "react-redux";
import { useTranslation } from "react-i18next";

import appConfig from "config/countryData";
import infoIcon from "assets/images/check-circle-green.svg";
import { getLanguage } from "utils/getLanguage";

import { countryConstantSelector } from "../selectors";

export function SuccessStep({ classes }) {
  const [t] = useTranslation();
  const countryConstant = useSelector(countryConstantSelector).toUpperCase();
  const language = getLanguage().toUpperCase();
  const downLoadGuideText = t("migration.success.downloadGuide");
  const formattedDownLoadGuideText = `${downLoadGuideText.charAt(0).toUpperCase()}${downLoadGuideText.slice(1).toLowerCase()}`;

  const redirectToAdmin = () => {
    window.location = "/business/admin";
  };

  const guideLink = appConfig.countryData[countryConstant]?.guides?.[language];

  return (
    <div className={classes.wrapper}>
      <img src={infoIcon} alt="Success" className={classes.icon} />
      <div className={classes.successMessage}>
        <h2 className={classes.heading2}>{t("migration.success.title")}</h2>
        <p className={`${classes.paragraph} ${classes.centerText}`}>
          {t("migration.success.description")}
        </p>
      </div>
      <div className={classes.intro}>
        <div>
          <h4 className={classes.heading4} style={{ marginBottom: "4px" }}>
            {t("migration.success.intro")}
          </h4>
          <p className={`${classes.paragraph} ${classes.introParagraph}`}>
            {t("migration.success.info")}
          </p>
        </div>
        <a target="_blank" rel="noreferrer" className={classes.unstyledLink} href={guideLink}>
          <div className={`${classes.lightButton} ${classes.downloadGuideButton}`}>
            {formattedDownLoadGuideText}
          </div>
        </a>
      </div>
      <div className={classes.bottomWrapper}>
        <button type="button" className={classes.button} onClick={redirectToAdmin}>
          {t("migration.success.done")}
        </button>
      </div>
    </div>
  );
}

SuccessStep.propTypes = {
  classes: PropTypes.object.isRequired,
};

Zerion Mini Shell 1.0