From 270d436d3364a0af93b041b434522c5e6c3b1348 Mon Sep 17 00:00:00 2001
From: m-vuk <marko.vukadinovic@geo-dome.de>
Date: Sun, 15 Sep 2024 20:03:14 +0200
Subject: [PATCH] [#549] admin checklist fix

---
 frontend/app/(dashboard)/[city]/page.module.scss |  4 ++--
 frontend/app/(dashboard)/[city]/page.tsx         | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/app/(dashboard)/[city]/page.module.scss b/frontend/app/(dashboard)/[city]/page.module.scss
index 0fdebc73..62a4473b 100644
--- a/frontend/app/(dashboard)/[city]/page.module.scss
+++ b/frontend/app/(dashboard)/[city]/page.module.scss
@@ -12,9 +12,9 @@
 .checklistContainer{
   display: flex;
   a{
-    width:30%
+    width:32%
   }
   a:nth-child(2){
-    margin:0 3%;
+    margin:0 2%;
   }
 }
diff --git a/frontend/app/(dashboard)/[city]/page.tsx b/frontend/app/(dashboard)/[city]/page.tsx
index 3f93665e..34ae6eba 100644
--- a/frontend/app/(dashboard)/[city]/page.tsx
+++ b/frontend/app/(dashboard)/[city]/page.tsx
@@ -81,17 +81,17 @@ export default async function CityDashboard({ params }: { params: { city: string
     </NavigationTile>
   </Link> : <></>
 
-  const verwaltung = Array.isArray(city.assessment_administration) ? <Link href={`${params.city}/verwaltungsstrukturen_checkliste`} style={{ display: "inline-block", textDecoration: 'none' }}>
+  const verwaltung = Array.isArray(city.administration_checklist) ? <Link href={`${params.city}/verwaltungsstrukturen_checkliste`} style={{ display: "inline-block", textDecoration: 'none' }}>
     <NavigationTile
       className={styles.tile}
       title="Wo steht die Verwaltung?"
 
     >
-      <Image
-        width={305}
-        height={132}
-        src={indicator2}
-        alt={"Fortschritt zur Klimaneutralität"}
+     <ChecklistIndicator
+        total={city.administration_checklist.length}
+        checked={city.administration_checklist.filter((item: ChecklistItem) => item.is_checked).length}
+        startYear={new Date(city.resolution_date).getFullYear()}
+        endYear={city.target_year}
       />
     </NavigationTile>
   </Link> : <></>