forked from Transparency/kgroad-frontend2
made breadcrumbs
This commit is contained in:
parent
65a700dad7
commit
5330f21a73
@ -7,7 +7,7 @@
|
|||||||
width: fit-content;
|
width: fit-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
&__image {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
margin-bottom: 65px;
|
margin-bottom: 65px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
@ -3,32 +3,68 @@ import "./AboutUs.scss";
|
|||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import header from "./assets/header.svg";
|
import header from "./assets/header.svg";
|
||||||
import { Metadata } from "next";
|
import { Metadata } from "next";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "KG ROAD | О нас",
|
title: "KG ROAD | О нас",
|
||||||
description:
|
description: 'Страница "О Нас" KG ROAD',
|
||||||
'Страница "О Нас" KG ROAD',
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const AboutUs = () => {
|
const AboutUs = () => {
|
||||||
return (
|
return (
|
||||||
<div className="about-us page-padding">
|
<div className="about-us page-padding">
|
||||||
|
<BreadCrumbs homeRequired />
|
||||||
<Typography element="h2">О нас</Typography>
|
<Typography element="h2">О нас</Typography>
|
||||||
|
|
||||||
<Image src={header} alt="Header Image" />
|
<Image
|
||||||
|
className="about-us__image"
|
||||||
|
src={header}
|
||||||
|
alt="Header Image"
|
||||||
|
/>
|
||||||
<div className="about-us__descriptions">
|
<div className="about-us__descriptions">
|
||||||
<p>Transparency International-Кыргызстан - филиал международной организации Transparency International в Кыргызской Республике.</p>
|
<p>
|
||||||
|
Transparency International-Кыргызстан - филиал международной
|
||||||
|
организации Transparency International в Кыргызской
|
||||||
|
Республике.
|
||||||
|
</p>
|
||||||
<h4>Миссия ТИ-Кыргызстан</h4>
|
<h4>Миссия ТИ-Кыргызстан</h4>
|
||||||
<p>Продвижение эффективной общественной политики и надлежащего управления в целях предотвращения коррупции и усиления демократии в стране. </p>
|
<p>
|
||||||
|
Продвижение эффективной общественной политики и надлежащего
|
||||||
|
управления в целях предотвращения коррупции и усиления
|
||||||
|
демократии в стране.{" "}
|
||||||
|
</p>
|
||||||
<h4>Цели и приоритеты ТИ-Кыргызстан:</h4>
|
<h4>Цели и приоритеты ТИ-Кыргызстан:</h4>
|
||||||
<ul>
|
<ul>
|
||||||
<li> - антикоррупционное просвещение населения, повышение общественного осознания значимости и важности борьбы с коррупцией в Кыргызстане;</li>
|
<li>
|
||||||
<li> - организация изучения практики и теории борьбы с коррупцией и участия в ней структур гражданского общества в Кыргызстане и других странах;</li>
|
{" "}
|
||||||
<li> - содействие гражданам и организациям в реализации их конституционных прав и свобод;</li>
|
- антикоррупционное просвещение населения, повышение
|
||||||
<li> - преимущественная ориентация на международный опыт уменьшения коррупции, освоение его технологий, ресурсов, а также включение структур гражданского общества в международный диалог борьбы с коррупцией.</li>
|
общественного осознания значимости и важности борьбы с
|
||||||
|
коррупцией в Кыргызстане;
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
{" "}
|
||||||
|
- организация изучения практики и теории борьбы с
|
||||||
|
коррупцией и участия в ней структур гражданского общества
|
||||||
|
в Кыргызстане и других странах;
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
{" "}
|
||||||
|
- содействие гражданам и организациям в реализации их
|
||||||
|
конституционных прав и свобод;
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
{" "}
|
||||||
|
- преимущественная ориентация на международный опыт
|
||||||
|
уменьшения коррупции, освоение его технологий, ресурсов, а
|
||||||
|
также включение структур гражданского общества в
|
||||||
|
международный диалог борьбы с коррупцией.
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<p>Photo By Mzximvs VdB from Brussels, belgium - Road to Issyk-Kul (south shore), CC BY-SA 2.0</p>
|
<p>
|
||||||
|
Photo By Mzximvs VdB from Brussels, belgium - Road to
|
||||||
|
Issyk-Kul (south shore), CC BY-SA 2.0
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -2,11 +2,11 @@ import Typography from "@/shared/ui/components/Typography/Typography";
|
|||||||
import "./CreateReport.scss";
|
import "./CreateReport.scss";
|
||||||
import dynamic from "next/dynamic";
|
import dynamic from "next/dynamic";
|
||||||
import { Metadata } from "next";
|
import { Metadata } from "next";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "KG ROAD | Написать обращение",
|
title: "KG ROAD | Написать обращение",
|
||||||
description:
|
description: "Написать обращение KG ROAD",
|
||||||
"Написать обращение KG ROAD",
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const DynamicForm = dynamic(
|
const DynamicForm = dynamic(
|
||||||
@ -19,6 +19,7 @@ const DynamicForm = dynamic(
|
|||||||
const CreateReport = () => {
|
const CreateReport = () => {
|
||||||
return (
|
return (
|
||||||
<div className="create-report page-padding">
|
<div className="create-report page-padding">
|
||||||
|
<BreadCrumbs homeRequired />
|
||||||
<Typography element="h2">Написать обращение</Typography>
|
<Typography element="h2">Написать обращение</Typography>
|
||||||
|
|
||||||
<DynamicForm />
|
<DynamicForm />
|
||||||
|
@ -1,21 +1,25 @@
|
|||||||
.news {
|
.news {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 40px;
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.news {
|
.news {
|
||||||
gap: 30px;
|
h2 {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 550px) {
|
@media screen and (max-width: 550px) {
|
||||||
.news {
|
.news {
|
||||||
gap: 20px;
|
h2 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -6,6 +6,7 @@ import Image from "next/image";
|
|||||||
import message from "./icons/message.svg";
|
import message from "./icons/message.svg";
|
||||||
import calendar from "./icons/calendar.svg";
|
import calendar from "./icons/calendar.svg";
|
||||||
import ReviewSection from "@/widgets/ReviewSection/ReviewSection";
|
import ReviewSection from "@/widgets/ReviewSection/ReviewSection";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
|
||||||
const NewsDetails = async ({
|
const NewsDetails = async ({
|
||||||
params,
|
params,
|
||||||
@ -39,6 +40,7 @@ const NewsDetails = async ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="news-details page-padding">
|
<div className="news-details page-padding">
|
||||||
|
<BreadCrumbs />
|
||||||
<Typography element="h2">{data.title}</Typography>
|
<Typography element="h2">{data.title}</Typography>
|
||||||
|
|
||||||
<div className="news-details__img">
|
<div className="news-details__img">
|
||||||
|
@ -1,3 +1,4 @@
|
|||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
import "./News.scss";
|
import "./News.scss";
|
||||||
import Typography from "@/shared/ui/components/Typography/Typography";
|
import Typography from "@/shared/ui/components/Typography/Typography";
|
||||||
import NewsList from "@/widgets/NewsList/NewsList";
|
import NewsList from "@/widgets/NewsList/NewsList";
|
||||||
@ -5,8 +6,7 @@ import { Metadata } from "next";
|
|||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "KG ROAD | Новости",
|
title: "KG ROAD | Новости",
|
||||||
description:
|
description: "Страница новостей KG ROAD",
|
||||||
"Страница новостей KG ROAD",
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const News = ({
|
const News = ({
|
||||||
@ -18,6 +18,8 @@ const News = ({
|
|||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<div className="news page-padding">
|
<div className="news page-padding">
|
||||||
|
<BreadCrumbs homeRequired />
|
||||||
|
|
||||||
<Typography element="h2">Новости</Typography>
|
<Typography element="h2">Новости</Typography>
|
||||||
|
|
||||||
<NewsList searchParams={searchParams} />
|
<NewsList searchParams={searchParams} />
|
||||||
|
@ -7,11 +7,11 @@ import { apiInstance } from "@/shared/config/apiConfig";
|
|||||||
import { getServerSession } from "next-auth";
|
import { getServerSession } from "next-auth";
|
||||||
import { authConfig } from "@/shared/config/authConfig";
|
import { authConfig } from "@/shared/config/authConfig";
|
||||||
import { Metadata } from "next";
|
import { Metadata } from "next";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "KG ROAD | Профиль",
|
title: "KG ROAD | Профиль",
|
||||||
description:
|
description: "Страница профиля KG ROAD",
|
||||||
"Страница профиля KG ROAD",
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const Profile = async ({
|
const Profile = async ({
|
||||||
@ -43,6 +43,7 @@ const Profile = async ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="profile page-padding">
|
<div className="profile page-padding">
|
||||||
|
<BreadCrumbs />
|
||||||
<Typography element="h2">Личный кабинет</Typography>
|
<Typography element="h2">Личный кабинет</Typography>
|
||||||
<ProfileNav report_count={data?.report_count as number} />
|
<ProfileNav report_count={data?.report_count as number} />
|
||||||
|
|
||||||
|
@ -25,6 +25,7 @@ const ReportDetails = async ({
|
|||||||
}: {
|
}: {
|
||||||
params: { id: string };
|
params: { id: string };
|
||||||
}) => {
|
}) => {
|
||||||
|
console.log(JSON.parse(params.id));
|
||||||
const getReportDetails = async () => {
|
const getReportDetails = async () => {
|
||||||
const res = await fetch(
|
const res = await fetch(
|
||||||
`${process.env.NEXT_PUBLIC_BASE_API}/report/${params.id}/`,
|
`${process.env.NEXT_PUBLIC_BASE_API}/report/${params.id}/`,
|
||||||
@ -37,7 +38,7 @@ const ReportDetails = async ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="report-details page-padding">
|
<div className="report-details page-padding">
|
||||||
<BreadCrumbs />
|
<BreadCrumbs homeRequired />
|
||||||
<div className="report-details__container">
|
<div className="report-details__container">
|
||||||
<ReportInformation
|
<ReportInformation
|
||||||
id={report.id}
|
id={report.id}
|
||||||
|
@ -1,11 +1,15 @@
|
|||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
import "@/shared/ui/auth-classes.scss";
|
import "@/shared/ui/auth-classes.scss";
|
||||||
import ForgotPasswordForm from "@/widgets/forms/ForgotPasswordForm/ForgotPasswordForm";
|
import ForgotPasswordForm from "@/widgets/forms/ForgotPasswordForm/ForgotPasswordForm";
|
||||||
|
|
||||||
const ForgotPassword = () => {
|
const ForgotPassword = () => {
|
||||||
return (
|
return (
|
||||||
|
<div className="page-padding">
|
||||||
|
<BreadCrumbs />
|
||||||
<div className="auth-page">
|
<div className="auth-page">
|
||||||
<ForgotPasswordForm />
|
<ForgotPasswordForm />
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -2,6 +2,7 @@ import "@/shared/ui/auth-classes.scss";
|
|||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import mail from "./icons/mail.svg";
|
import mail from "./icons/mail.svg";
|
||||||
import ConfirmEmailForm from "@/widgets/forms/ConfirmEmailForm/ConfirmEmailForm";
|
import ConfirmEmailForm from "@/widgets/forms/ConfirmEmailForm/ConfirmEmailForm";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
|
||||||
const ConfirmEmail = ({
|
const ConfirmEmail = ({
|
||||||
searchParams,
|
searchParams,
|
||||||
@ -11,10 +12,17 @@ const ConfirmEmail = ({
|
|||||||
};
|
};
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
|
<div className="page-padding">
|
||||||
|
<BreadCrumbs />
|
||||||
<div className="auth-page">
|
<div className="auth-page">
|
||||||
<div className="auth-wrapper">
|
<div className="auth-wrapper">
|
||||||
<div className="auth-icon2">
|
<div className="auth-icon2">
|
||||||
<Image src={mail} alt="Mail icon" width={56} height={56} />
|
<Image
|
||||||
|
src={mail}
|
||||||
|
alt="Mail icon"
|
||||||
|
width={56}
|
||||||
|
height={56}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="auth-header">
|
<div className="auth-header">
|
||||||
<h2>Проверьте свою почту</h2>
|
<h2>Проверьте свою почту</h2>
|
||||||
@ -23,6 +31,7 @@ const ConfirmEmail = ({
|
|||||||
<ConfirmEmailForm email={searchParams.email} />
|
<ConfirmEmailForm email={searchParams.email} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -1,21 +1,25 @@
|
|||||||
.statistics {
|
.statistics {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 40px;
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.statistics {
|
.statistics {
|
||||||
gap: 30px;
|
h2 {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 550px) {
|
@media screen and (max-width: 550px) {
|
||||||
.statistics {
|
.statistics {
|
||||||
gap: 20px;
|
h2 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,11 +2,11 @@ import Typography from "@/shared/ui/components/Typography/Typography";
|
|||||||
import "./Statistics.scss";
|
import "./Statistics.scss";
|
||||||
import StatisticsTable from "@/widgets/tables/StatisticsTable/StatisticsTable";
|
import StatisticsTable from "@/widgets/tables/StatisticsTable/StatisticsTable";
|
||||||
import { Metadata } from "next";
|
import { Metadata } from "next";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "KG ROAD | Статистика",
|
title: "KG ROAD | Статистика",
|
||||||
description:
|
description: "Страница статистики KG ROAD",
|
||||||
"Страница статистики KG ROAD",
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const Statistics = ({
|
const Statistics = ({
|
||||||
@ -16,6 +16,7 @@ const Statistics = ({
|
|||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<div className="statistics page-padding">
|
<div className="statistics page-padding">
|
||||||
|
<BreadCrumbs homeRequired />
|
||||||
<Typography element="h2">Статистика</Typography>
|
<Typography element="h2">Статистика</Typography>
|
||||||
<StatisticsTable searchParams={searchParams} />
|
<StatisticsTable searchParams={searchParams} />
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,21 +1,25 @@
|
|||||||
.volunteers {
|
.volunteers {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 40px;
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.volunteers {
|
.volunteers {
|
||||||
gap: 30px;
|
h2 {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 550px) {
|
@media screen and (max-width: 550px) {
|
||||||
.volunteers {
|
.volunteers {
|
||||||
gap: 20px;
|
h2 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,16 +2,18 @@ import Typography from "@/shared/ui/components/Typography/Typography";
|
|||||||
import "./Volunteers.scss";
|
import "./Volunteers.scss";
|
||||||
import VolunteersTable from "@/widgets/tables/VolunteersTable/VolunteersTable";
|
import VolunteersTable from "@/widgets/tables/VolunteersTable/VolunteersTable";
|
||||||
import { Metadata } from "next";
|
import { Metadata } from "next";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "KG ROAD | Волонтеры",
|
title: "KG ROAD | Волонтеры",
|
||||||
description:
|
description: "Страница волонтеров KG ROAD",
|
||||||
"Страница волонтеров KG ROAD",
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const Volunteers = () => {
|
const Volunteers = () => {
|
||||||
return (
|
return (
|
||||||
<div className="volunteers page-padding">
|
<div className="volunteers page-padding">
|
||||||
|
<BreadCrumbs homeRequired />
|
||||||
|
|
||||||
<Typography element="h2">Волонтеры</Typography>
|
<Typography element="h2">Волонтеры</Typography>
|
||||||
<VolunteersTable />
|
<VolunteersTable />
|
||||||
</div>
|
</div>
|
||||||
|
@ -58,7 +58,13 @@ const NewsCard: React.FC<INewsCard> = ({
|
|||||||
<p>{sliceDescription(description)}</p>
|
<p>{sliceDescription(description)}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Link href={`/news/${id}`} className="news-card__more-btn">
|
<Link
|
||||||
|
href={{
|
||||||
|
pathname: `/news/${id}`,
|
||||||
|
query: { title: title },
|
||||||
|
}}
|
||||||
|
className="news-card__more-btn"
|
||||||
|
>
|
||||||
{t("details")}
|
{t("details")}
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,5 +1,29 @@
|
|||||||
.breadcrumbs {
|
.breadcrumbs {
|
||||||
|
margin-bottom: 40px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
|
||||||
|
span,
|
||||||
|
a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 150%;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
gap: 8px;
|
||||||
|
color: rgb(72, 159, 225);
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: rgb(50, 48, 58);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,9 +1,65 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
|
import { Link, usePathname } from "@/shared/config/navigation";
|
||||||
import "./BreadCrumbs.scss";
|
import "./BreadCrumbs.scss";
|
||||||
|
import { useSearchParams } from "next/navigation";
|
||||||
|
import Image from "next/image";
|
||||||
|
import chevron from "./icons/chevron-right.svg";
|
||||||
|
|
||||||
const BreadCrumbs = () => {
|
interface IBreadcrumbsProps {
|
||||||
return <div className="breadcrumbs"></div>;
|
homeRequired?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
const BreadCrumbs: React.FC<IBreadcrumbsProps> = ({
|
||||||
|
homeRequired,
|
||||||
|
}: IBreadcrumbsProps) => {
|
||||||
|
const pathname = usePathname();
|
||||||
|
const query = useSearchParams().get("title");
|
||||||
|
const routes = pathname.split("/").filter((route) => route !== "");
|
||||||
|
const tRoutes: Record<string, string> = {
|
||||||
|
"about-us": "О нас",
|
||||||
|
"create-report": "Написать обращение",
|
||||||
|
news: "Новости",
|
||||||
|
profile: "Профиль",
|
||||||
|
"my-reports": "Мои обращения",
|
||||||
|
personal: "Личные данные",
|
||||||
|
report: "Обращение",
|
||||||
|
"sign-in": "Войти в аккаунт",
|
||||||
|
"forgot-password": "Восстановление пароля",
|
||||||
|
"reset-code": "Сброс пароля",
|
||||||
|
"sign-up": "Регистрация",
|
||||||
|
"confirm-email": "Потверждение почты",
|
||||||
|
statistics: "Статистика",
|
||||||
|
volunteers: "Волонтеры",
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<div className="breadcrumbs">
|
||||||
|
{homeRequired && (
|
||||||
|
<Link href="/">
|
||||||
|
Главная <Image src={chevron} alt="Chevron Right Icon" />
|
||||||
|
</Link>
|
||||||
|
)}
|
||||||
|
{routes.map((route, i, array) => {
|
||||||
|
if (parseInt(route)) {
|
||||||
|
if (routes[0] === "news") {
|
||||||
|
return <span key={query}>{query}</span>;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (i === array.length - 1) {
|
||||||
|
return <span key={route}>{tRoutes[route]}</span>;
|
||||||
|
} else {
|
||||||
|
return route === "report" ? (
|
||||||
|
<span>{tRoutes[route]}</span>
|
||||||
|
) : (
|
||||||
|
<Link href={`/${route}`}>
|
||||||
|
{tRoutes[route]}
|
||||||
|
<Image src={chevron} alt="Chevron Right Icon" />
|
||||||
|
</Link>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default BreadCrumbs;
|
export default BreadCrumbs;
|
||||||
|
14
src/features/BreadCrumbs/icons/chevron-right.svg
Normal file
14
src/features/BreadCrumbs/icons/chevron-right.svg
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<desc>
|
||||||
|
Created with Pixso.
|
||||||
|
</desc>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip7_52716">
|
||||||
|
<rect id="chevron-right" width="16.000000" height="16.000000" fill="white" fill-opacity="0"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
<rect id="chevron-right" width="16.000000" height="16.000000" fill="#FFFFFF" fill-opacity="0"/>
|
||||||
|
<g clip-path="url(#clip7_52716)">
|
||||||
|
<path id="Vector" d="M6 4L10 8L6 12" stroke="#667085" stroke-opacity="1.000000" stroke-width="1.000000" stroke-linejoin="round" stroke-linecap="round"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 651 B |
@ -29,8 +29,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.auth-icon2 {
|
.auth-icon2 {
|
||||||
width: 60px;
|
min-width: 60px;
|
||||||
height: 60px;
|
min-height: 60px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
@ -107,7 +107,6 @@ const ReviewSection: React.FC<IReviewsSectionProps> = ({
|
|||||||
if (loader) return;
|
if (loader) return;
|
||||||
if (observer.current) observer.current.disconnect();
|
if (observer.current) observer.current.disconnect();
|
||||||
const callback = function (entries: any) {
|
const callback = function (entries: any) {
|
||||||
console.log(reviewCount, pageSize);
|
|
||||||
if (
|
if (
|
||||||
entries[0].isIntersecting &&
|
entries[0].isIntersecting &&
|
||||||
(reviews?.results.length as number) <= reviewCount
|
(reviews?.results.length as number) <= reviewCount
|
||||||
|
Loading…
Reference in New Issue
Block a user