forked from Transparency/kgroad-frontend2
Compare commits
No commits in common. "a9f5542e02df866644f0224cf753e0ed879c485c" and "eb84fa2db4844d0a4cd8cdac867f27efbb1e15f3" have entirely different histories.
a9f5542e02
...
eb84fa2db4
@ -23,7 +23,6 @@
|
||||
"navigation": "Navigation",
|
||||
"contacts": "Contacts",
|
||||
"download_our_app": "Download our app",
|
||||
"socials": "Stay Connected",
|
||||
"back": "Back",
|
||||
"save": "Save",
|
||||
"saving": "Saving",
|
||||
|
@ -23,7 +23,6 @@
|
||||
"navigation": "Навигация",
|
||||
"contacts": "Байланыш",
|
||||
"download_our_app": "Биздин колдонмону жүктөңүз",
|
||||
"socials": "Социалдык тармактар",
|
||||
"back": "Артка",
|
||||
"save": "Сактоо",
|
||||
"saving": "Сакталат",
|
||||
|
@ -23,7 +23,6 @@
|
||||
"navigation": "Навигация",
|
||||
"contacts": "Контакты",
|
||||
"download_our_app": "Скачивай наше приложение",
|
||||
"socials": "Социальные сети",
|
||||
"back": "Назад",
|
||||
"save": "Сохранить",
|
||||
"saving": "Сохранение",
|
||||
|
5900
package-lock.json
generated
5900
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -5,9 +5,9 @@ export const LINKS = () => {
|
||||
|
||||
const LINKS = [
|
||||
{ id: 1, pagename: t("home"), pathname: "/" },
|
||||
// { id: 2, pagename: t("about_us"), pathname: "/about-us" },
|
||||
// { id: 3, pagename: t("privacy"), pathname: "/privacy" },
|
||||
// { id: 4, pagename: t("support"), pathname: "/support" },
|
||||
{ id: 2, pagename: t("about_us"), pathname: "/about-us" },
|
||||
{ id: 3, pagename: t("privacy"), pathname: "/privacy" },
|
||||
{ id: 4, pagename: t("support"), pathname: "/support" },
|
||||
{ id: 5, pagename: t("statistics"), pathname: "/statistics" },
|
||||
{ id: 6, pagename: t("news"), pathname: "/news" },
|
||||
{ id: 7, pagename: t("volunteers"), pathname: "/volunteers" },
|
||||
@ -15,16 +15,3 @@ export const 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 {
|
||||
padding: 48px 80px;
|
||||
// display: flex;
|
||||
// grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
gap: 30px;
|
||||
background-color: rgb(15, 23, 42);
|
||||
|
||||
@ -16,19 +16,7 @@
|
||||
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,
|
||||
li,
|
||||
h4 {
|
||||
|
@ -1,7 +1,7 @@
|
||||
import "./Footer.scss";
|
||||
import logo from "../../shared/assets/logo.svg";
|
||||
import Image from "next/image";
|
||||
import { LINKS, LINKS2 } from "@/shared/variables/links_footer";
|
||||
import { LINKS } from "@/shared/variables/links_footer";
|
||||
import youtube from "./icons/youtube.svg";
|
||||
import facebook from "./icons/facebook.svg";
|
||||
import instagram from "./icons/instagram.svg";
|
||||
@ -18,19 +18,12 @@ const Footer = () => {
|
||||
const tRights = useTranslations("rights");
|
||||
return (
|
||||
<footer className="footer">
|
||||
<div className="top-row">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div className="footer__logo">
|
||||
{/* <Link href="/">
|
||||
<Image src={logo} alt="Logo" />
|
||||
</Link> */}
|
||||
{/* <p>© {tRights("text")}</p>
|
||||
<p>{tDisclaimer("text")}</p> */}
|
||||
<p>© {tRights("text")}</p>
|
||||
<p>{tDisclaimer("text")}</p>
|
||||
</div>
|
||||
<div className="footer__links">
|
||||
<h4>{t("navigation")}</h4>
|
||||
@ -54,16 +47,7 @@ const Footer = () => {
|
||||
<ul>
|
||||
<li>admin@kgroad.org</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>
|
||||
{[
|
||||
{ src: youtube, url: "https://www.youtube.com/@TransparencyKyrgyzstan" },
|
||||
@ -75,38 +59,26 @@ const Footer = () => {
|
||||
</Link>
|
||||
))}
|
||||
</li>
|
||||
<h4>{t("download_our_app")}</h4>
|
||||
|
||||
<li>Photo By ThomasG, CC BY-SA 3.0</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="footer__apps">
|
||||
<h4>{t("download_our_app")}</h4>
|
||||
<div className="footer__apps-btns">
|
||||
{[
|
||||
{ src: app_store_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" }
|
||||
{ src: app_store_btn, url: "https://play.google.com/store/apps/details?id=fishrungames.kgroad" },
|
||||
{ src: play_market_btn, url: "https://apps.apple.com/us/app/kg-road/id6484317991" }
|
||||
].map((app, i) => (
|
||||
<Link key={i} href={app.url} target="_blank" rel="noopener noreferrer">
|
||||
<Image src={app.src} alt="App Button" />
|
||||
</Link>
|
||||
))}
|
||||
</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>
|
||||
|
||||
);
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user