Aydogdy
/
hhm-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

type

This commit is contained in:
VividTruthKeeper 2023-03-18 14:47:49 +05:00
parent 72e70e626c
commit c882d1fab2
1 changed files with 32 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/footer/Footer.tsx
View File

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