From df528ab8c4787d931b14a123c54d0cbabbf29068 Mon Sep 17 00:00:00 2001
From: m-vuk <marko.vukadinovic@geo-dome.de>
Date: Sun, 15 Sep 2024 20:15:20 +0200
Subject: [PATCH] [#560] fix cityname

---
 frontend/app/(dashboard)/[city]/layout.tsx | 2 +-
 frontend/app/(dashboard)/[city]/page.tsx   | 1 -
 frontend/app/components/BreadCrumb.tsx     | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/app/(dashboard)/[city]/layout.tsx b/frontend/app/(dashboard)/[city]/layout.tsx
index bafba62f..1c2fdc55 100644
--- a/frontend/app/(dashboard)/[city]/layout.tsx
+++ b/frontend/app/(dashboard)/[city]/layout.tsx
@@ -19,7 +19,7 @@ export default async function DashboardLayout({
   return (
     <Container>
         <Header />
-        <BreadCrumb logo={city.local_group?.logo}></BreadCrumb>
+        <BreadCrumb logo={city.local_group?.logo} cityName={city.name}></BreadCrumb>
         {children}
         <Footer />
     </Container>
diff --git a/frontend/app/(dashboard)/[city]/page.tsx b/frontend/app/(dashboard)/[city]/page.tsx
index 34ae6eba..35b62b77 100644
--- a/frontend/app/(dashboard)/[city]/page.tsx
+++ b/frontend/app/(dashboard)/[city]/page.tsx
@@ -7,7 +7,6 @@ import LocalGroup from "@/app/components/LocalGroup";
 import NavigationTile from "@/app/components/NavigationTile";
 import styles from "./page.module.scss";
 import { getCities, getTasks, getRecursiveStatusNumbers } from "@/lib/dataService";
-import indicator2 from "@/public/imgs/placeholders/indicator2.png";
 import ImplementationIndicator from "@/app/components/ImplementationIndicator";
 import ChecklistIndicator from "@/app/components/ChecklistIndicator";
 import { ChecklistItem } from "@/types";
diff --git a/frontend/app/components/BreadCrumb.tsx b/frontend/app/components/BreadCrumb.tsx
index 9362db49..e3d6ccc4 100644
--- a/frontend/app/components/BreadCrumb.tsx
+++ b/frontend/app/components/BreadCrumb.tsx
@@ -10,15 +10,15 @@ import Image from "next/image";
 
 type TBreadCrumbProps = {
     logo: string
+    cityName: string
 }
 
-const Breadcrumb = ({ logo }: TBreadCrumbProps) => {
+const Breadcrumb = ({ logo, cityName }: TBreadCrumbProps) => {
 
     const paths = usePathname()
     const pathNames = paths.split('/').filter(path => path);
 
     const citySlug = pathNames[0] ?? "";
-    const cityName = citySlug[0]?.toUpperCase() + citySlug?.slice(1)
     const listClasses = "item";
     const activeClasses = "fw-bold";
     const labelMapping: { [key: string]: string } = {