type
This commit is contained in:
parent
72e70e626c
commit
c882d1fab2
|
|
@ -1,26 +1,26 @@
|
||||||
// Modules
|
// Modules
|
||||||
import { v4 as uuidv4 } from 'uuid';
|
import { v4 as uuidv4 } from "uuid";
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from "react-redux";
|
||||||
// Icons
|
// Icons
|
||||||
import phone from '../../assets/icons/phone.svg';
|
import phone from "../../assets/icons/phone.svg";
|
||||||
import mail from '../../assets/icons/mail.svg';
|
import mail from "../../assets/icons/mail.svg";
|
||||||
import location from '../../assets/icons/location.svg';
|
import location from "../../assets/icons/location.svg";
|
||||||
import { ReactComponent as Instagram } from '../../assets/icons/insta-black.svg';
|
import { ReactComponent as Instagram } from "../../assets/icons/insta-black.svg";
|
||||||
import { ReactComponent as Facebook } from '../../assets/icons/fb-black.svg';
|
import { ReactComponent as Facebook } from "../../assets/icons/fb-black.svg";
|
||||||
import { ReactComponent as TikTok } from '../../assets/icons/tiktok-black.svg';
|
import { ReactComponent as TikTok } from "../../assets/icons/tiktok-black.svg";
|
||||||
|
|
||||||
// Types
|
// Types
|
||||||
import { RootState } from '../../types/store.types';
|
import { RootState } from "../../types/store.types";
|
||||||
|
|
||||||
// Components
|
// Components
|
||||||
import FooterListItem from './FooterListItem';
|
import FooterListItem from "./FooterListItem";
|
||||||
import { Api } from '../../api/Api';
|
import { Api } from "../../api/Api";
|
||||||
|
|
||||||
const Footer = () => {
|
const Footer = () => {
|
||||||
const language = new Api('').language;
|
const language = new Api("").language;
|
||||||
|
|
||||||
const categories = useSelector<RootState, RootState['categories']['data']>(
|
const categories = useSelector<RootState, RootState["categories"]["data"]>(
|
||||||
(state) => state.categories.data,
|
(state) => state.categories.data
|
||||||
);
|
);
|
||||||
return (
|
return (
|
||||||
<footer className="footer">
|
<footer className="footer">
|
||||||
|
|
@ -30,9 +30,13 @@ const Footer = () => {
|
||||||
<ul className="footer-nav-list">
|
<ul className="footer-nav-list">
|
||||||
{categories.data[0].id > -1
|
{categories.data[0].id > -1
|
||||||
? categories.data.map((category) => (
|
? categories.data.map((category) => (
|
||||||
<FooterListItem id={category.id} name={category.name} key={uuidv4()} />
|
<FooterListItem
|
||||||
|
id={category.id}
|
||||||
|
name={category.name}
|
||||||
|
key={uuidv4()}
|
||||||
|
/>
|
||||||
))
|
))
|
||||||
: ''}
|
: ""}
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div className="footer-info">
|
<div className="footer-info">
|
||||||
|
|
@ -49,18 +53,19 @@ const Footer = () => {
|
||||||
<h3 className="footer-info-item-title">turkmentv24@gmail.com</h3>
|
<h3 className="footer-info-item-title">turkmentv24@gmail.com</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{language === 'RU' ? (
|
{language === "RU" ? (
|
||||||
<>
|
<>
|
||||||
<div className="footer-info-item">
|
<div className="footer-info-item">
|
||||||
<div className="footer-info-item-icon">
|
<div className="footer-info-item-icon">
|
||||||
<img src={location} alt="location" />
|
<img src={location} alt="location" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="footer-info-item-title">
|
<h3 className="footer-info-item-title">
|
||||||
744000, Ашхабад, Олимпийский городок, Международный вещательный центр enesha
|
744000, Ашхабад, Олимпийский городок, Международный
|
||||||
|
вещательный центр
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
) : language === 'EN' ? (
|
) : language === "EN" ? (
|
||||||
<>
|
<>
|
||||||
<div className="footer-info-item">
|
<div className="footer-info-item">
|
||||||
<div className="footer-info-item-icon">
|
<div className="footer-info-item-icon">
|
||||||
|
|
@ -78,7 +83,8 @@ const Footer = () => {
|
||||||
<img src={location} alt="location" />
|
<img src={location} alt="location" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="footer-info-item-title">
|
<h3 className="footer-info-item-title">
|
||||||
744000, Asgabat, Olimpiya säherjigi, Halkara yaylyma beris merkezi enesha{' '}
|
744000, Asgabat, Olimpiya säherjigi, Halkara yaylyma beris
|
||||||
|
merkezi{" "}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
|
@ -106,10 +112,14 @@ const Footer = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="footer-info-item">
|
<div className="footer-info-item">
|
||||||
<h3 className="footer-info-item-title">Реклама на ТВ и радио: (993) 12 78-13-99</h3>
|
<h3 className="footer-info-item-title">
|
||||||
|
Реклама на ТВ и радио: (993) 12 78-13-99
|
||||||
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div className="footer-info-item">
|
<div className="footer-info-item">
|
||||||
<h3 className="footer-info-item-title">Реклама на сайте: (993) 12 78-13-99</h3>
|
<h3 className="footer-info-item-title">
|
||||||
|
Реклама на сайте: (993) 12 78-13-99
|
||||||
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue