%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/.632e77b3fb93bc8da5b589b869bc0037/static/js/pages/migration/steps/ |
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, };