import React from "react";
import api from "./api/api";
import cookie from 'react-cookies'
class remind_user1 extends React.Component {
  constructor() {
    console.log("finalJson");
    super();
    if (
      localStorage.getItem("current_state") !== "remind_user1" )  {
        this.props.history.push("/menu_page");
      }
  }

  render() {
    return (
      <div className="bcd_header_div_margin">
        <div className="allpages_desktop_boxes_div remind_header_div">
          <div className="e_user_div_header">
            <div className="remind_user_headerdiv">
              <p>Lots of contests, freebies and more on the way</p>
              <p className="remind_user_secondpara">
                Just a friendly reminder:<br />Your account still needs to
                be activated
              </p>
              <p className="remind_user_para3">To activate, please:</p>
            </div>
            <div className="e_user_first_div remind_user_img_div">
              <img
                src={api.image_path+"email_box.png"}
                alt=""
                title=""
                className="e_user_img"
              />
              <p className="e_user_pare">Check Your</p>
              <p className="e_user_pare email_text">
                <span className="email_text_e">E</span>
                <span className="email_text_m">m</span>
                <span className="email_text_a">a</span>
                <span className="email_text_i">i</span>
                <span className="email_text_l">l</span>
                <span className="email_text_hash">!</span>
              </p>
            </div>
            <div
              className="remind_user_headerdiv remind_user_footerdiv"
              style={{ paddingTop: 10 }}
            >
              <p style={{ color: "black" }}>&</p>
              <p>click the login link</p>
            </div>
            <div className="e_user_second_div">
              <img
                src={api.image_path+"prev_arrow.jpg"}
                width="40"
                className="next_icon next_left"
                onClick={() => {
                  localStorage.setItem("current_state", "product_orientation2"),
                  this.props.history.push("/product_orientation2");
                }}
              />
              <img
                src={api.image_path+"next_arrow.jpg"}
                width="40"
                className="next_icon next_right"
                onClick={() => {
                  localStorage.getItem("perks") !== "1"
                    ? localStorage.setItem("current_state", "perks")
                    : localStorage.setItem("current_state", "menu_page");
                  this.props.history.push({
                    pathname:
                      localStorage.getItem("perks") !== "1"
                        ? "/perks"
                        : "/menu_page"
                  });
                }}
              />
            </div>
            <div />
          </div>
        </div>
      </div>
    );
  }
}
export default remind_user1;
