Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/create inbuilt email template[team-kimiko] #757

Merged
merged 4 commits into from
Jul 30, 2024
Merged

Feat/create inbuilt email template[team-kimiko] #757

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6c70e5a
feat: develop the edit-email-template page
kingbary Jul 30, 2024
569dd88
Merge remote-tracking branch 'upstream/dev' into feat/create-inbuilt-…
kingbary Jul 30, 2024
e86f34b
fix: remove border color for template area
kingbary Jul 30, 2024
4446c35
Merge branch 'dev' into feat/create-inbuilt-email-template
kleenpulse Jul 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 1 addition & 4 deletions src/app/dashboard/(admin)/admin/email/_components/page-header/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
40 changes: 40 additions & 0 deletions src/app/dashboard/(admin)/admin/email/edit-in-buit-templates/[templateId]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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">
{/* YOUR EDIT TEMPLATE COMPONENTS GOES HERE ACCORRDING */}
{/* CREATE A FLEX CONTAINER TO HOUSE THE TEMPLATE AREA AND THE SIDEBAR ICONS */}
</div>
</div>
</div>
);
}
Loading