From 6c70e5adab31f6eb4fe446213976ebe78fa6d55e Mon Sep 17 00:00:00 2001
From: Kingsley <kingsleyakwa@gmail.com>
Date: Tue, 30 Jul 2024 01:31:38 +0100
Subject: [PATCH 1/2] feat: develop the edit-email-template page

---
 .../email/_components/page-header/index.tsx   |  5 +--
 .../[templateId]/page.tsx                     | 40 +++++++++++++++++++
 2 files changed, 41 insertions(+), 4 deletions(-)
 create mode 100644 src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx

diff --git a/src/app/dashboard/(admin)/admin/email/_components/page-header/index.tsx b/src/app/dashboard/(admin)/admin/email/_components/page-header/index.tsx
index fc0195c79..c6d7e7250 100644
--- a/src/app/dashboard/(admin)/admin/email/_components/page-header/index.tsx
+++ b/src/app/dashboard/(admin)/admin/email/_components/page-header/index.tsx
@@ -13,10 +13,7 @@ const PageHeader: FC<IProperties> = ({ title, description }) => {
       >
         {title}
       </h1>
-      <p
-        data-testid="page-description"
-        className="text-base text-neutral-dark-2"
-      >
+      <p data-testid="page-description" className="text-base text-[#8E8E93]">
         {description}
       </p>
     </div>
diff --git a/src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx b/src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx
new file mode 100644
index 000000000..05f5ad360
--- /dev/null
+++ b/src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx
@@ -0,0 +1,40 @@
+import { EllipsisVertical, Eye, Redo, Undo } from "lucide-react";
+
+import { Button } from "~/components/common/common-button";
+import PageHeader from "../../_components/page-header";
+
+export default function page() {
+  return (
+    <div>
+      <div className="flex flex-col items-center justify-between sm:flex-row sm:gap-6">
+        <PageHeader
+          title="Edit template"
+          description="Paste your HTML code below to generate your email template."
+        />
+        <div className="w-full sm:max-w-[40%]">
+          <div className="flex w-full items-center justify-between">
+            <button title="Preview">
+              <Eye color="#141414" />
+            </button>
+            <button title="Undo">
+              <Undo color="#141414" />
+            </button>
+            <button title="Redo">
+              <Redo color="#141414" />
+            </button>
+            <Button className="bg-primary">Send</Button>
+            <button>
+              <EllipsisVertical color="#141414" />
+            </button>
+          </div>
+        </div>
+      </div>
+      <div className="mt-12 flex items-center sm:mt-20 md:ml-4 lg:mb-[213px] lg:ml-[89px] lg:mt-[156px]">
+        <div className="h-40 w-full border border-red-600 lg:w-10/12">
+          {/* YOUR EDIT TEMPLATE COMPONENTS GOES HERE ACCORRDING  */}
+          {/* CREATE A FLEX CONTAINER TO HOUSE THE TEMPLATE AREA AND THE SIDEBAR ICONS  */}
+        </div>
+      </div>
+    </div>
+  );
+}

From e86f34b1e86c9d9c59e553bf6f21cb4b0f734876 Mon Sep 17 00:00:00 2001
From: Kingsley <kingsleyakwa@gmail.com>
Date: Tue, 30 Jul 2024 01:38:59 +0100
Subject: [PATCH 2/2] fix: remove border color for template area

---
 .../admin/email/edit-in-buit-templates/[templateId]/page.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx b/src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx
index 05f5ad360..1a807af4a 100644
--- a/src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx
+++ b/src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx
@@ -30,7 +30,7 @@ export default function page() {
         </div>
       </div>
       <div className="mt-12 flex items-center sm:mt-20 md:ml-4 lg:mb-[213px] lg:ml-[89px] lg:mt-[156px]">
-        <div className="h-40 w-full border border-red-600 lg:w-10/12">
+        <div className="h-40 w-full">
           {/* YOUR EDIT TEMPLATE COMPONENTS GOES HERE ACCORRDING  */}
           {/* CREATE A FLEX CONTAINER TO HOUSE THE TEMPLATE AREA AND THE SIDEBAR ICONS  */}
         </div>