forked from Transparency/kgroad-frontend2
Compare commits
5 Commits
release009
...
master
Author | SHA1 | Date | |
---|---|---|---|
a9f5542e02 | |||
|
6ae37e3bc3 | ||
|
8c5b82b943 | ||
1e276fe15b | |||
eb84fa2db4 |
@ -23,6 +23,7 @@
|
|||||||
"navigation": "Navigation",
|
"navigation": "Navigation",
|
||||||
"contacts": "Contacts",
|
"contacts": "Contacts",
|
||||||
"download_our_app": "Download our app",
|
"download_our_app": "Download our app",
|
||||||
|
"socials": "Stay Connected",
|
||||||
"back": "Back",
|
"back": "Back",
|
||||||
"save": "Save",
|
"save": "Save",
|
||||||
"saving": "Saving",
|
"saving": "Saving",
|
||||||
|
@ -23,6 +23,7 @@
|
|||||||
"navigation": "Навигация",
|
"navigation": "Навигация",
|
||||||
"contacts": "Байланыш",
|
"contacts": "Байланыш",
|
||||||
"download_our_app": "Биздин колдонмону жүктөңүз",
|
"download_our_app": "Биздин колдонмону жүктөңүз",
|
||||||
|
"socials": "Социалдык тармактар",
|
||||||
"back": "Артка",
|
"back": "Артка",
|
||||||
"save": "Сактоо",
|
"save": "Сактоо",
|
||||||
"saving": "Сакталат",
|
"saving": "Сакталат",
|
||||||
|
@ -23,6 +23,7 @@
|
|||||||
"navigation": "Навигация",
|
"navigation": "Навигация",
|
||||||
"contacts": "Контакты",
|
"contacts": "Контакты",
|
||||||
"download_our_app": "Скачивай наше приложение",
|
"download_our_app": "Скачивай наше приложение",
|
||||||
|
"socials": "Социальные сети",
|
||||||
"back": "Назад",
|
"back": "Назад",
|
||||||
"save": "Сохранить",
|
"save": "Сохранить",
|
||||||
"saving": "Сохранение",
|
"saving": "Сохранение",
|
||||||
|
5900
package-lock.json
generated
Normal file
5900
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -5,9 +5,9 @@ export const LINKS = () => {
|
|||||||
|
|
||||||
const LINKS = [
|
const LINKS = [
|
||||||
{ id: 1, pagename: t("home"), pathname: "/" },
|
{ id: 1, pagename: t("home"), pathname: "/" },
|
||||||
{ id: 2, pagename: t("about_us"), pathname: "/about-us" },
|
// { id: 2, pagename: t("about_us"), pathname: "/about-us" },
|
||||||
{ id: 3, pagename: t("privacy"), pathname: "/privacy" },
|
// { id: 3, pagename: t("privacy"), pathname: "/privacy" },
|
||||||
{ id: 4, pagename: t("support"), pathname: "/support" },
|
// { id: 4, pagename: t("support"), pathname: "/support" },
|
||||||
{ id: 5, pagename: t("statistics"), pathname: "/statistics" },
|
{ id: 5, pagename: t("statistics"), pathname: "/statistics" },
|
||||||
{ id: 6, pagename: t("news"), pathname: "/news" },
|
{ id: 6, pagename: t("news"), pathname: "/news" },
|
||||||
{ id: 7, pagename: t("volunteers"), pathname: "/volunteers" },
|
{ id: 7, pagename: t("volunteers"), pathname: "/volunteers" },
|
||||||
@ -15,3 +15,16 @@ export const LINKS = () => {
|
|||||||
|
|
||||||
return LINKS;
|
return LINKS;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const LINKS2 = () => {
|
||||||
|
const t = useTranslations("navigation");
|
||||||
|
|
||||||
|
const LINKS = [
|
||||||
|
|
||||||
|
{ id: 2, pagename: t("about_us"), pathname: "/about-us" },
|
||||||
|
{ id: 3, pagename: t("privacy"), pathname: "/privacy" },
|
||||||
|
{ id: 4, pagename: t("support"), pathname: "/support" },
|
||||||
|
];
|
||||||
|
|
||||||
|
return LINKS;
|
||||||
|
};
|
@ -1,7 +1,7 @@
|
|||||||
.footer {
|
.footer {
|
||||||
padding: 48px 80px;
|
padding: 48px 80px;
|
||||||
display: grid;
|
// display: flex;
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
// grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||||
gap: 30px;
|
gap: 30px;
|
||||||
background-color: rgb(15, 23, 42);
|
background-color: rgb(15, 23, 42);
|
||||||
|
|
||||||
@ -16,7 +16,19 @@
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&__copyright {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: auto;
|
||||||
|
}
|
||||||
|
.top-row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
// gap: 30px;
|
||||||
|
}
|
||||||
|
.bottom-div {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
a,
|
a,
|
||||||
li,
|
li,
|
||||||
h4 {
|
h4 {
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import "./Footer.scss";
|
import "./Footer.scss";
|
||||||
import logo from "../../shared/assets/logo.svg";
|
import logo from "../../shared/assets/logo.svg";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { LINKS } from "@/shared/variables/links_footer";
|
import { LINKS, LINKS2 } from "@/shared/variables/links_footer";
|
||||||
import youtube from "./icons/youtube.svg";
|
import youtube from "./icons/youtube.svg";
|
||||||
import facebook from "./icons/facebook.svg";
|
import facebook from "./icons/facebook.svg";
|
||||||
import instagram from "./icons/instagram.svg";
|
import instagram from "./icons/instagram.svg";
|
||||||
@ -9,8 +9,8 @@ import app_store_btn from "./icons/app-store-btn.svg";
|
|||||||
import play_market_btn from "./icons/play-market-btn.svg";
|
import play_market_btn from "./icons/play-market-btn.svg";
|
||||||
import { Link } from "@/shared/config/navigation";
|
import { Link } from "@/shared/config/navigation";
|
||||||
import { useTranslations } from "next-intl";
|
import { useTranslations } from "next-intl";
|
||||||
import NetKgTracker from "@/widgets/NetKgTracker/NetKgTracker";
|
//import NetKgTracker from "@/widgets/NetKgTracker/NetKgTracker";
|
||||||
import GoogleAnalyticsWidget from "@/widgets/GoogleAnalyticsWidget/GoogleAnalyticsWidget";
|
//import GoogleAnalyticsWidget from "@/widgets/GoogleAnalyticsWidget/GoogleAnalyticsWidget";
|
||||||
|
|
||||||
const Footer = () => {
|
const Footer = () => {
|
||||||
const t = useTranslations("general");
|
const t = useTranslations("general");
|
||||||
@ -18,12 +18,19 @@ const Footer = () => {
|
|||||||
const tRights = useTranslations("rights");
|
const tRights = useTranslations("rights");
|
||||||
return (
|
return (
|
||||||
<footer className="footer">
|
<footer className="footer">
|
||||||
|
<div className="top-row">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
<div className="footer__logo">
|
<div className="footer__logo">
|
||||||
{/* <Link href="/">
|
{/* <Link href="/">
|
||||||
<Image src={logo} alt="Logo" />
|
<Image src={logo} alt="Logo" />
|
||||||
</Link> */}
|
</Link> */}
|
||||||
<p>© {tRights("text")}</p>
|
{/* <p>© {tRights("text")}</p>
|
||||||
<p>{tDisclaimer("text")}</p>
|
<p>{tDisclaimer("text")}</p> */}
|
||||||
</div>
|
</div>
|
||||||
<div className="footer__links">
|
<div className="footer__links">
|
||||||
<h4>{t("navigation")}</h4>
|
<h4>{t("navigation")}</h4>
|
||||||
@ -34,10 +41,10 @@ const Footer = () => {
|
|||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
{/* Only for production*/}
|
{/* Only for production
|
||||||
<NetKgTracker />
|
<NetKgTracker />*/}
|
||||||
<div className="footer__logo">
|
<div className="footer__logo">
|
||||||
<GoogleAnalyticsWidget />
|
{/* <GoogleAnalyticsWidget /> */} {/* hide total amount*/}
|
||||||
</div>
|
</div>
|
||||||
*
|
*
|
||||||
</div>
|
</div>
|
||||||
@ -47,7 +54,16 @@ const Footer = () => {
|
|||||||
<ul>
|
<ul>
|
||||||
<li>admin@kgroad.org</li>
|
<li>admin@kgroad.org</li>
|
||||||
<li>+9960312394038</li>
|
<li>+9960312394038</li>
|
||||||
|
{LINKS2().map((link) => (
|
||||||
|
<li key={link.id}>
|
||||||
|
<Link href={link.pathname}>{link.pagename}</Link>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="footer__apps">
|
||||||
|
<h4>{t("socials")}</h4>
|
||||||
<li>
|
<li>
|
||||||
{[
|
{[
|
||||||
{ src: youtube, url: "https://www.youtube.com/@TransparencyKyrgyzstan" },
|
{ src: youtube, url: "https://www.youtube.com/@TransparencyKyrgyzstan" },
|
||||||
@ -59,26 +75,38 @@ const Footer = () => {
|
|||||||
</Link>
|
</Link>
|
||||||
))}
|
))}
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>Photo By ThomasG, CC BY-SA 3.0</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="footer__apps">
|
|
||||||
<h4>{t("download_our_app")}</h4>
|
<h4>{t("download_our_app")}</h4>
|
||||||
|
|
||||||
<div className="footer__apps-btns">
|
<div className="footer__apps-btns">
|
||||||
{[
|
{[
|
||||||
{ src: app_store_btn, url: "https://play.google.com/store/apps/details?id=fishrungames.kgroad" },
|
{ src: app_store_btn, url: "https://apps.apple.com/us/app/kg-road/id6484317991" },
|
||||||
{ src: play_market_btn, url: "https://apps.apple.com/us/app/kg-road/id6484317991" }
|
{ src: play_market_btn, url: "https://play.google.com/store/apps/details?id=kg.transparency.kgroad" }
|
||||||
].map((app, i) => (
|
].map((app, i) => (
|
||||||
<Link key={i} href={app.url} target="_blank" rel="noopener noreferrer">
|
<Link key={i} href={app.url} target="_blank" rel="noopener noreferrer">
|
||||||
<Image src={app.src} alt="App Button" />
|
<Image src={app.src} alt="App Button" />
|
||||||
</Link>
|
</Link>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bottom-div">
|
||||||
|
<div className="footer__copyright">
|
||||||
|
<hr style={{ margin: "0", color: "white" }} />
|
||||||
|
<p className="text" style={{ margin: "0", color: "white" }}>
|
||||||
|
{"© Copyright " +
|
||||||
|
new Date().getFullYear() +
|
||||||
|
" - " +
|
||||||
|
tRights("text")}
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
{tDisclaimer("text")}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user