Feature Create Lesson Page: Expanding functionality to support attachments

Author: asiansnoodle

src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx

@@ -54,16 +54,18 @@ export function CreateLessonForm({
   const [units, setUnits] = React.useState<UnitOption[]>(initialUnits);
   const [openUnitDialog, setOpenUnitDialog] = React.useState(false);
 
-  // Relax types around useForm to avoid resolver/control generic issues
-  const form = useForm<LessonFormSchema>({
-    resolver: zodResolver(lessonFormSchema) as any,
-    defaultValues: {
-      title: "",
-      description: "",
-      unitId: 0,
-      courseId,
-    },
-  }) as any;
+    const form = useForm<LessonFormSchema>({
+        resolver: zodResolver(lessonFormSchema) as any,
+        defaultValues: {
+            title: "",
+            description: "",
+            unitId: 0,
+            courseId,
+            mediaType: "markdown", // sensible default
+            contentUrl: "",
+        },
+    }) as any;
+
 
   const { execute, status, result } = useAction(createLessonAction, {
     onSuccess: ({ data }) => {
@@ -143,6 +145,55 @@ export function CreateLessonForm({
           {/* Hidden courseId so it gets sent along with the form */}
           <input type="hidden" {...form.register("courseId")} value={courseId} />
 
+          {/* Media type */}
+            <FormField
+            control={form.control}
+            name="mediaType"
+            render={({ field }) => (
+                <FormItem>
+                <FormLabel>Content type</FormLabel>
+                <Select
+                    value={field.value}
+                    onValueChange={field.onChange}
+                >
+                    <FormControl>
+                    <SelectTrigger>
+                        <SelectValue placeholder="Select a content type" />
+                    </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                    <SelectItem value="youtube">YouTube video</SelectItem>
+                    <SelectItem value="markdown">Markdown page</SelectItem>
+                    <SelectItem value="pdf">PDF</SelectItem>
+                    <SelectItem value="image">Image</SelectItem>
+                    <SelectItem value="audio">Audio</SelectItem>
+                    <SelectItem value="other">Other</SelectItem>
+                    </SelectContent>
+                </Select>
+                <FormMessage />
+                </FormItem>
+            )}
+            />
+
+            {/* Main content URL */}
+            <FormField
+            control={form.control}
+            name="contentUrl"
+            render={({ field }) => (
+                <FormItem>
+                <FormLabel>Content URL</FormLabel>
+                <FormControl>
+                    <Input
+                    placeholder="https://..."
+                    {...field}
+                    />
+                </FormControl>
+                <FormMessage />
+                </FormItem>
+            )}
+            />
+
+
           <FormField
             control={form.control}
             name="unitId"

src/lib/lesson.ts

@@ -1,11 +1,26 @@
-// src/lib/validations/lesson.ts
+// src/lib/lesson.ts
 import { z } from "zod";
 
+// keep this in sync with mediaTypeValues in your schema.ts
+const mediaTypeValues = [
+  "youtube",
+  "markdown",
+  "pdf",
+  "image",
+  "audio",
+  "other",
+] as const;
+
 export const lessonFormSchema = z.object({
   title: z.string().min(1, "Title is required"),
   description: z.string().optional(),
   unitId: z.coerce.number().int().positive("Unit is required"),
   courseId: z.string().min(1),
+
+  mediaType: z.enum(mediaTypeValues),
+  contentUrl: z
+    .string()
+    .url("Must be a valid URL (starts with http:// or https://)"),
 });
 
 export type LessonFormSchema = z.infer<typeof lessonFormSchema>;

src/lib/lessonActions.ts

@@ -14,28 +14,31 @@ import {
 } from "@/lib/lesson";
 import { actionClient } from "@/lib/safe-action";
 
-// Create lesson
 export const createLessonAction = actionClient
   .schema(lessonFormSchema)
   .action(async ({ parsedInput }) => {
-    const { title, description, unitId, courseId } = parsedInput;
+    const {
+      title,
+      description,
+      unitId,
+      courseId,
+      mediaType,
+      contentUrl,
+    } = parsedInput;
 
-    // Build metadata JSON stored in lessons.metadata
     const metadata = JSON.stringify({
       title,
       description: description ?? "",
     });
 
     await db.insert(lessons).values({
-      unitId,              // integer
-      metadata,            // JSON string
-      contentUrl: "http://placeholder",      // satisfy CHECK (exactly one of contentUrl/contentBlobId)
-      // mediaType & position are using DB defaults:
-      // mediaType: "markdown"
-      // position: 1
+      unitId,
+      mediaType,   // now real value from the form
+      metadata,
+      contentUrl,  // real URL from the form
+      // contentBlobId stays null
     });
 
-    // Revalidate course page or lessons list
     revalidatePath(`/admin/courses/${courseId}`);
 
     return { success: true };