Ionia-Devs / chameleon

https://chameleon-sandy.vercel.app
1 stars 1 forks source link

Implement Email Template Testing Page with Sidebar Navigation Icon #73

Open Balance8 opened 5 months ago

Balance8 commented 5 months ago

Title: Implement Email Template Testing Page with Sidebar Navigation Icon

Description: As part of our ongoing effort to improve the developer experience, we need to create a new page dedicated to email template testing. This will involve adding a new sidebar navigation icon to our existing dashboard.ts configuration and creating a functional interface for sending test emails.

Acceptance Criteria:

  1. New Sidebar Icon:

    • Add a new icon in the sidebar navigation titled 'Email Templates'.
    • The icon should be contextually appropriate, such as an envelope or similar graphic that represents email communication.
    • The link for this icon should direct to /dashboard/email-templates.
  2. Email Template Testing Page:

    • Develop a new page at /dashboard/email-templates.
    • The page should list all available email templates with a brief description.
    • Provide functionality to send each email template to the predefined test addresses:
      • For successful delivery tests: delivered@resend.dev
      • For bounced email tests: bounced@resend.dev
      • For spam flag tests: complained@resend.dev
    • The page should leverage the existing Dashboard and should be a server component except for the interaction layer.
  3. UI/UX:

    • Ensure the UI is consistent with the existing dashboard design language.
    • Make sure that the page is user-friendly and provides feedback upon sending a test email (e.g., success toast, error messages).