fixed up folder layout but overall looks good

Author: adanrsantos

src/actions/admin/lesson.ts

@@ -0,0 +1,36 @@
+'use server';
+import { revalidatePath } from "next/cache";
+import { db } from "@/db/index";
+import { lessons } from "@/db/schema";
+import { lessonFormSchema } from "@/lib/validations/lesson";
+import { actionClient } from "@/lib/safe-action";
+
+export const createLessonAction = actionClient
+  .schema(lessonFormSchema)
+  .action(async ({ parsedInput }) => {
+    const {
+      title,
+      description,
+      unitId,
+      courseId,
+      mediaType,
+      contentUrl,
+    } = parsedInput;
+
+    const metadata = JSON.stringify({
+      title,
+      description: description ?? "",
+    });
+
+    await db.insert(lessons).values({
+      unitId,
+      mediaType,   // now real value from the form
+      metadata,
+      contentUrl,  // real URL from the form
+      // contentBlobId stays null
+    });
+
+    revalidatePath(`/admin/courses/${courseId}`);
+
+    return { success: true };
+});

src/actions/admin/tag.ts

@@ -1,6 +1,6 @@
 'use server';
 import { tags, users, coursesTags } from "@/db/schema";
-import { type TagFormValues } from "@/lib/validations/course";
+import { type TagFormValues } from "@/lib/validations/tag";
 import { db } from "@/db";
 import { auth } from "@/lib/auth";
 import { headers } from "next/headers";

src/actions/admin/units.ts

@@ -0,0 +1,31 @@
+// src/app/admin/courses/[courseId]/lesson/create/actions.ts
+'use server';
+
+import { revalidatePath } from "next/cache";
+import { db } from "@/db/index";
+import { units } from "@/db/schema";
+import { createUnitSchema } from "@/lib/validations/unit";
+import { actionClient } from "@/lib/safe-action";
+
+// Create unit (for the modal)
+export const createUnitAction = actionClient
+  .schema(createUnitSchema)
+  .action(async ({ parsedInput }) => {
+    const { title, courseId } = parsedInput;
+    // Minimal insert: courseId (text) + title; position defaults to 1
+    const [unit] = await db
+      .insert(units)
+      .values({
+        courseId,
+        title,
+      })
+      .returning();
+
+    revalidatePath(`/admin/courses/${courseId}`);
+
+    return {
+      success: true,
+      unitId: unit.id,
+      unitTitle: unit.title,
+    };
+});

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

@@ -1,7 +1,7 @@
 import { db } from "@/db/index";
 import { units } from "@/db/schema";
 import { eq } from "drizzle-orm";
-import { CreateLessonForm } from "./CreateLessonForm";
+import { CreateLessonForm } from "@/components/admin/CreateLessonForm";
 import {
   Card,
   CardHeader,

src/app/admin/courses/[courseId]/page.tsx

@@ -1,8 +1,13 @@
-export default async function Page({
-  params,
-}: {
-  params: Promise<{ courseId: string }>;
+
+export default async function CourseIdPage({ 
+  params 
+}: { 
+  params: Promise<{ courseId: string}> 
 }) {
-  const { courseId } = await params;
-  return <div>This is the admin course page for {courseId}</div>;
-}
+  const { courseId } = await params; 
+  const id = Number(courseId);
+  
+  return <div className="">
+    Course ID: {id}
+  </div>
+}

src/app/admin/layout.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import AdminNavbar from "@/components/AdminNavbar";
+import AdminNavbar from "@/components/admin/AdminNavbar";
 import { Toaster } from "sonner"
 
 

src/components/AdminNavbar.tsx src/components/admin/AdminNavbar.tsxsrc/components/AdminNavbar.tsx renamed to src/components/admin/AdminNavbar.tsx

@@ -38,6 +38,7 @@ import {
 import { getAllCourses } from "@/actions/admin/course";
 import { CourseWithData } from "@/lib/types";
 import { useEffect, useState } from "react";
+import Link from "next/link";
 
 const columns: ColumnDef<CourseWithData>[] = [
   {
@@ -80,7 +81,14 @@ const columns: ColumnDef<CourseWithData>[] = [
         </div>
       )
     },
-    cell: ({ row }) => <div className="text-left pl-3">{row.getValue("title")}</div>,
+    cell: ({ row }) => {
+      const course = row.original;
+      return (
+        <div className="text-left pl-3">
+          <Link className="hover:underline" href={`/admin/courses/${course.id}`}>{row.getValue("title")}</Link>
+        </div>
+      );
+    },
   },
   {
     accessorKey: "description",

src/components/admin/CourseTable.tsx

@@ -8,9 +8,9 @@ import { useAction } from "next-safe-action/hooks";
 
 import {
   lessonFormSchema,
-  type LessonFormSchema,
-} from "@/lib/lesson";
-import { createLessonAction } from "@/lib/lessonActions";
+  type LessonFormValues,
+} from "@/lib/validations/lesson";
+import { createLessonAction } from "@/actions/admin/lesson";
 
 import {
   Form,
@@ -31,7 +31,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 
-import { CreateUnitDialog } from "@/components/CreateUnitDialog";
+import { CreateUnitDialog } from "./CreateUnitDialog";
 
 type UnitOption = {
   id: number;
@@ -56,7 +56,7 @@ export function CreateLessonForm({
 
   // Relaxed typing around resolver to avoid RHF + zod generic noise,
   // while still keeping LessonFormSchema as the form's value type.
-  const form = useForm<LessonFormSchema>({
+  const form = useForm<LessonFormValues>({
     resolver: zodResolver(lessonFormSchema) as any,
     defaultValues: {
       title: "",
@@ -78,7 +78,7 @@ export function CreateLessonForm({
 
   const isSubmitting = status === "executing";
 
-  const onSubmit = (values: LessonFormSchema) => {
+  const onSubmit = (values: LessonFormValues) => {
     execute(values);
   };
 

…seId]/lesson/create/CreateLessonForm.tsx src/components/admin/CreateLessonForm.tsxsrc/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx renamed to src/components/admin/CreateLessonForm.tsx src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx renamed to src/components/admin/CreateLessonForm.tsx

@@ -7,11 +7,11 @@ import { useAction } from "next-safe-action/hooks";
 
 import {
   createUnitAction,
-} from "@/lib/lessonActions";
+} from "@/actions/admin/units";
 import {
   createUnitSchema,
-  type CreateUnitSchema,
-} from "@/lib/lesson";
+  type CreateUnitValues,
+} from "@/lib/validations/unit";
 
 import {
   Dialog,
@@ -44,7 +44,7 @@ export function CreateUnitDialog({
   courseId,
   onCreated,
 }: CreateUnitDialogProps) {
-  const form = useForm<CreateUnitSchema>({
+  const form = useForm<CreateUnitValues>({
     resolver: zodResolver(createUnitSchema),
     defaultValues: {
       title: "",
@@ -67,7 +67,7 @@ export function CreateUnitDialog({
 
   const isSubmitting = status === "executing";
 
-  const onSubmit = (values: CreateUnitSchema) => {
+  const onSubmit = (values: CreateUnitValues) => {
     execute(values);
   };