fleet/frontend/components/EmailTokenRedirect/EmailTokenRedirect.tsx

import { useContext } from "react";
import { InjectedRouter } from "react-router";
import { Params } from "react-router/lib/Router";

import PATHS from "router/paths";
import { AppContext } from "context/app";
import { NotificationContext } from "context/notification";
import useDeepEffect from "hooks/useDeepEffect";
import usersAPI from "services/entities/users";

interface IEmailTokenRedirectProps {
  router: InjectedRouter; // v3
  params: Params;
}

const EmailTokenRedirect = ({
  router,
  params: { token },
}: IEmailTokenRedirectProps) => {
  const { currentUser } = useContext(AppContext);
  const { renderFlash } = useContext(NotificationContext);

  useDeepEffect(() => {
    const confirmEmailChange = async () => {
      if (currentUser && token) {
        try {
          await usersAPI.confirmEmailChange(currentUser, token);
          router.push(PATHS.USER_SETTINGS);
          renderFlash("success", "Email updated successfully!");
        } catch (error) {
          console.log(error);
          router.push(PATHS.LOGIN);
        }
      }
    };

    confirmEmailChange();
  }, [currentUser, token]);

  return null;
};

export default EmailTokenRedirect;