From b07f48c40f02d54b881a36c76c1e2d17d1cd9ff3 Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Tue, 30 May 2023 16:57:49 +0100
Subject: [PATCH] Added demo text and fixed type issue on PropertyData

---
 src/app/components/property/PartModal.tsx          |  5 ++++-
 src/app/components/property/partCard.tsx           |  1 -
 .../portfolio/[slug]/property/[lmkKey]/page.tsx    | 14 +++++++++++---
 src/types/epc.ts                                   |  3 ++-
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/app/components/property/PartModal.tsx b/src/app/components/property/PartModal.tsx
index e367e65a..df4b8d5f 100644
--- a/src/app/components/property/PartModal.tsx
+++ b/src/app/components/property/PartModal.tsx
@@ -84,7 +84,10 @@ export default function PartModal({
                   >
                     {title}
                   </Dialog.Title>
-                  <div className="flex justify-center"></div>
+                  <div className="flex justify-center">
+                    Ability to update propery details has been removed for the
+                    demo
+                  </div>
 
                   <div className="mt-4 flex justify-end gap-2">
                     <button
diff --git a/src/app/components/property/partCard.tsx b/src/app/components/property/partCard.tsx
index 2090e0ad..d54a6a3b 100644
--- a/src/app/components/property/partCard.tsx
+++ b/src/app/components/property/partCard.tsx
@@ -1,4 +1,3 @@
-import { Dialog } from "@headlessui/react";
 import { PencilSquareIcon } from "@heroicons/react/24/outline";
 import { useState } from "react";
 import PartModal from "./PartModal";
diff --git a/src/app/portfolio/[slug]/property/[lmkKey]/page.tsx b/src/app/portfolio/[slug]/property/[lmkKey]/page.tsx
index 92373a08..97c79ba8 100644
--- a/src/app/portfolio/[slug]/property/[lmkKey]/page.tsx
+++ b/src/app/portfolio/[slug]/property/[lmkKey]/page.tsx
@@ -1,10 +1,9 @@
 "use client";
 
 import { useState } from "react";
-import { Dialog } from "@headlessui/react";
 import Link from "next/link";
 import { ArrowLeftIcon, PencilSquareIcon } from "@heroicons/react/24/outline";
-import { SearchData, EpcRating } from "@/types/epc";
+import { SearchData, EpcRating, EpcKey } from "@/types/epc";
 import { useRouter } from "next/navigation";
 import { useQuery } from "@tanstack/react-query";
 import EditEpcTargetModal from "../../../../components/property/EditEpcTargetModal";
@@ -20,7 +19,16 @@ const EpcDefaults: { [key in EpcRating]: EpcRating } = {
   A: "A",
 };
 
-const partConfig = [
+type PartConfig = {
+  title: string;
+  descriptionData: {
+    key: EpcKey;
+    prefix: string;
+    suffix: string;
+  }[];
+}[];
+
+const partConfig: PartConfig = [
   {
     title: "General",
     descriptionData: [
diff --git a/src/types/epc.ts b/src/types/epc.ts
index 2926c192..93e33514 100644
--- a/src/types/epc.ts
+++ b/src/types/epc.ts
@@ -103,5 +103,6 @@ interface EpcDataProps {
 }
 
 type EpcRating = SearchResult["current-energy-rating"];
+type EpcKey = keyof SearchResult;
 
-export type { SearchData, SearchResult, EpcDataProps, EpcRating };
+export type { SearchData, SearchResult, EpcDataProps, EpcRating, EpcKey };