Template Preview fix

Author: dcodesdev

RELEASE_NOTES.md

@@ -1,10 +1,10 @@
 ### ✨ Features
 
-- Min value added for subscriber growth chart.
 - New features and improvements.
 
 ### 🐛 Bug Fixes
 
+- Template preview fixed.
 - Various bug fixes and optimizations.
 
 ### 📚 Docs

apps/web/src/pages/dashboard/campaigns/[id]/layout.tsx

@@ -33,7 +33,7 @@ export const EditCampaignLayout: React.FC<{
       title: campaignQuery.data?.campaign?.title ?? "",
       description: campaignQuery.data?.campaign?.description ?? "",
       subject: campaignQuery.data?.campaign?.subject ?? "",
-      templateId: campaignQuery.data?.campaign?.templateId ?? "none",
+      templateId: campaignQuery.data?.campaign?.templateId ?? "",
       listIds:
         campaignQuery.data?.campaign?.CampaignLists?.map(
           (list) => list.listId
@@ -58,10 +58,7 @@ export const EditCampaignLayout: React.FC<{
           id,
           organizationId: orgId,
           ...values,
-          templateId:
-            values.templateId === "none" || values.templateId === ""
-              ? null
-              : values.templateId,
+          templateId: values.templateId === "" ? null : values.templateId,
         },
         {
           onSuccess({ campaign }) {
@@ -71,7 +68,7 @@ export const EditCampaignLayout: React.FC<{
               listIds: campaign.CampaignLists.map((list) => list.listId),
               openTracking: campaign.openTracking,
               subject: campaign.subject || "",
-              templateId: campaign.templateId || "none",
+              templateId: campaign.templateId || "",
               title: campaign.title,
             })
 

apps/web/src/pages/dashboard/campaigns/[id]/page.tsx

@@ -34,7 +34,7 @@ export function EditCampaignPage() {
         title: campaign.campaign.title,
         description: campaign.campaign.description ?? "",
         subject: campaign.campaign.subject ?? "",
-        templateId: campaign.campaign.templateId ?? "none",
+        templateId: campaign.campaign.templateId ?? "",
         listIds: campaign.campaign.CampaignLists?.map((cl) => cl.List.id) ?? [],
         openTracking: campaign.campaign.openTracking ?? true,
         content: campaign.campaign.content ?? "",

apps/web/src/pages/dashboard/campaigns/[id]/schema.ts

@@ -7,7 +7,7 @@ export const campaignSchema = z.object({
   templateId: z
     .string()
     .optional()
-    .transform((val) => (val === "none" ? null : val)),
+    .transform((val) => (val === "" ? null : val)),
   listIds: z.array(z.string()),
   content: z.string().optional(),
   openTracking: z.boolean().optional(),

apps/web/src/pages/dashboard/campaigns/[id]/tabs/settings-tab.tsx

@@ -57,7 +57,7 @@ export const SettingsTab = () => {
       title: campaignQuery.data?.campaign?.title || "",
       description: campaignQuery.data?.campaign?.description || "",
       subject: campaignQuery.data?.campaign?.subject || "",
-      templateId: campaignQuery.data?.campaign?.templateId || "none",
+      templateId: campaignQuery.data?.campaign?.templateId || "",
       openTracking: campaignQuery.data?.campaign?.openTracking || false,
       listIds:
         campaignQuery.data?.campaign?.CampaignLists?.map(
@@ -164,8 +164,10 @@ export const SettingsTab = () => {
                 <FormItem>
                   <FormLabel>Template</FormLabel>
                   <Select
-                    onValueChange={field.onChange}
-                    value={field.value ?? undefined}
+                    onValueChange={(value) =>
+                      field.onChange(value === "none" ? "" : value)
+                    }
+                    value={field.value || "none"}
                     disabled={!isEditable}
                   >
                     <FormControl>

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.4.12",
+  "version": "0.4.13",
   "name": "letterspace",
   "private": true,
   "scripts": {