Stage 1: Course/Module/Lesson CRUD admin UI with TipTap editor

2026-04-07 11:36:27 +05:00
parent 9d82b73e58
commit d356dddc96
30 changed files with 2090 additions and 41 deletions
@@ -0,0 +1,52 @@
+"use client";
+
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { createCourse } from "@/app/admin/courses/actions";
+
+export function CreateCourseDialog() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button>+ Создать курс</Button>
+      </DialogTrigger>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Новый курс</DialogTitle>
+        </DialogHeader>
+        <form action={createCourse} className="space-y-4">
+          <div className="space-y-1.5">
+            <Label htmlFor="title">Название</Label>
+            <Input id="title" name="title" placeholder="Obsidian PKM" required />
+          </div>
+          <div className="space-y-1.5">
+            <Label htmlFor="slug">Slug (URL)</Label>
+            <Input id="slug" name="slug" placeholder="obsidian-pkm (авто если пусто)" />
+          </div>
+          <div className="space-y-1.5">
+            <Label htmlFor="description">Описание</Label>
+            <Textarea id="description" name="description" placeholder="Краткое описание курса" rows={3} />
+          </div>
+          <div className="flex justify-end gap-2">
+            <Button type="button" variant="outline" onClick={() => setOpen(false)}>
+              Отмена
+            </Button>
+            <Button type="submit">Создать</Button>
+          </div>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+}