From 170d00791e44b9bbdff50f48fd695db880fa738e Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Tue, 30 May 2023 17:09:45 +0100
Subject: [PATCH] Added plan route

---
 src/app/components/property/EditEpcTargetModal.tsx |  2 +-
 src/app/components/property/PartModal.tsx          |  2 +-
 src/app/components/property/partCard.tsx           |  4 ++--
 .../portfolio/[slug]/property/[lmkKey]/page.tsx    | 14 ++++++++++++++
 .../[slug]/property/[lmkKey]/plan/page.tsx         |  7 +++++++
 5 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx

diff --git a/src/app/components/property/EditEpcTargetModal.tsx b/src/app/components/property/EditEpcTargetModal.tsx
index 084b43c..c546d05 100644
--- a/src/app/components/property/EditEpcTargetModal.tsx
+++ b/src/app/components/property/EditEpcTargetModal.tsx
@@ -1,6 +1,6 @@
 import { Dialog, Transition } from "@headlessui/react";
 import { Dispatch, Fragment, SetStateAction, useState } from "react";
-import { TanButton } from "../button";
+import { TanButton } from "../Button";
 import EpcDropdownMenu from "../../components/property/EpcDropDownMenu";
 import { EpcRating } from "@/types/epc";
 
diff --git a/src/app/components/property/PartModal.tsx b/src/app/components/property/PartModal.tsx
index df4b8d5..af3ae85 100644
--- a/src/app/components/property/PartModal.tsx
+++ b/src/app/components/property/PartModal.tsx
@@ -1,6 +1,6 @@
 import { Dialog, Transition } from "@headlessui/react";
 import { Dispatch, Fragment, SetStateAction, useState } from "react";
-import { TanButton } from "../button";
+import { TanButton } from "../Button";
 import { EpcRating } from "@/types/epc";
 
 export default function PartModal({
diff --git a/src/app/components/property/partCard.tsx b/src/app/components/property/partCard.tsx
index d54a6a3..2e56974 100644
--- a/src/app/components/property/partCard.tsx
+++ b/src/app/components/property/partCard.tsx
@@ -17,10 +17,10 @@ export default function PartCard({
         <div className="flex items-center justify-between">
           <h2 className="text-xl font-bold">{title}</h2>
           <button
-            className="flex items-center text-blue-500"
+            className="flex items-center text-brandmidblue hover:text-brandblue transition-colors duration-200 cursor-pointer"
             onClick={() => setIsDetailModalOpen(true)}
           >
-            <PencilSquareIcon className="h-6 w-6 ml-2 " />
+            <PencilSquareIcon className="h-6 w-6 ml-2" />
             Edit
           </button>
         </div>
diff --git a/src/app/portfolio/[slug]/property/[lmkKey]/page.tsx b/src/app/portfolio/[slug]/property/[lmkKey]/page.tsx
index 97c79ba..4d4ebd4 100644
--- a/src/app/portfolio/[slug]/property/[lmkKey]/page.tsx
+++ b/src/app/portfolio/[slug]/property/[lmkKey]/page.tsx
@@ -8,6 +8,7 @@ import { useRouter } from "next/navigation";
 import { useQuery } from "@tanstack/react-query";
 import EditEpcTargetModal from "../../../../components/property/EditEpcTargetModal";
 import PartCard from "@/app/components/property/PartCard";
+import { TanButton } from "@/app/components/Button";
 
 const EpcDefaults: { [key in EpcRating]: EpcRating } = {
   G: "C",
@@ -165,6 +166,19 @@ export default function PropertyPage({
             </div>
           </div>
         </div>
+        <div className="text-start mt-2">
+          Review the property details below and update as required. The more you
+          update, the more accurate your recommendations will be. When you're
+          happy, click "Build My Plan" to see your recommended actions.
+        </div>
+        <div className="flex justify-center">
+          <TanButton
+            label="Build My Plan"
+            onClick={() => {
+              router.push(`/portfolio/${portfolioId}/property/${lmkKey}/plan`);
+            }}
+          />
+        </div>
 
         <div>
           {partConfig.map((part, index) => {
diff --git a/src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx b/src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx
new file mode 100644
index 0000000..ebf363e
--- /dev/null
+++ b/src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx
@@ -0,0 +1,7 @@
+export default function Plan() {
+  return (
+    <div>
+      <h1>Plan</h1>
+    </div>
+  );
+}