etalon_frontend/src/components/Global/Footer.js

// IMPORT MODULES
import React from "react";
import { Link } from "react-router-dom";
import { withTranslation } from 'react-i18next'; 

// IMPORT IMAGES
import rightArrow from "../../svg/rightArrow.svg";

const Footer = (props) => {
  const {t} = props;
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-inner">
          <div className="footer-top">
            <ul className="footer-links">
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t('О центре')}</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/etalons" className="footer-link-text">
                      {t('Эталоны')}
                      </Link>
                    </li>
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/news" className="footer-link-text">
                      {t('Новости')}
                      </Link>
                    </li>
                  </ul>
                </div>
              </li>
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t('Услуги')}</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/service" className="footer-link-text">
                      {t('Информация')}
                      </Link>
                    </li>
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/prices" className="footer-link-text">
                      {t('Стоимость')}
                      </Link>
                    </li>
                  </ul>
                </div>
              </li>
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t('Нормативная база')}</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/legislation" className="footer-link-text">
                      {t('Законодательная база')}
                      </Link>
                    </li>
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link
                        to="/measuring_register"
                        className="footer-link-text"
                      >
                        {t('Государственный реестр средств измерений')}
                      </Link>
                    </li>
                  </ul>
                </div>
              </li>
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t('Контакты')}:</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <h6 className="footer-link-text">Тел.: +993 12 422304</h6>
                    </li>
                    <li>
                      <h6 className="footer-link-text">
                      {t('E-mail: dem-turkm@online.tm')}
                      </h6>
                    </li>
                  </ul>
                </div>
              </li>
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t('Наш адрес')}:</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <h6 className="footer-link-text">
                      {t('Туркменистан, г. Ашхабад')}
                      </h6>
                    </li>
                    <li>
                      <h6 className="footer-link-text">
                      {t('ул.1953, д.76 (Молодежная)')}
                      </h6>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
          <div className="footer-middle">
            <a
              href="https://turkmenstandartlary.gov.tm/"
              className="footer-middle-link"
            >
              {t("Главная государственная служба 'Туркменстандартлары'")}
            </a>
          </div>
          <div className="footer-bottom">
            <h4>© 2019 {t('Государственный эталонный центр')}</h4>
          </div>
        </div>
      </div>
    </footer>
  );
};

// export default Footer;
export default withTranslation()(Footer);