Merge branch 'main' of github.com:Central-University-IT-prod/PROD-Animulichki-SkillHub

frontend/src/components/pages/SkillTree/SkillTree.tsx

@@ -1,19 +1,48 @@
 import { Input } from "../../ui/input";
-import VacancyCard from "../../entities/VacancyCard/VacancyCard";
 import { Textarea } from "../../shared/ui/textarea";
 import { Label } from "../../shared/ui/label";
 import { Button } from "../../shared/ui/button";
+
 import less from "./SkillTree.module.less";
 import { Switch } from "../../shared/ui/switch";
-import { addEvent } from "../../widgets/Header/AuthAPI";
 import { Link } from "react-router-dom";
-import { ToastAction } from "../../shared/ui/toast"
-import { useToast } from "../../shared/ui/use-toast"
-
+import { ToastAction } from "../../shared/ui/toast";
+import { useToast } from "../../shared/ui/use-toast";
 import { buttonVariants } from "../../ui/button";
+import { addEvent, submitRegister } from "../../widgets/Header/AuthAPI";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "../../ui/card";
+import { TrashIcon } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../shared/ui/dialog";
+import { t } from "i18next";
+import { useEffect, useState } from "react";
+import { eventList } from "../AdminEventPage/AdminEventAPI";
 
 const SkillTree = () => {
-    const { toast } = useToast()
+  const { toast } = useToast();
+  const [events, setEvents] = useState<Event[]>([]);
+
+  useEffect(() => {
+    eventList()
+      .then((data) => {
+        setEvents(data);
+      })
+      .catch((error) => {
+        console.error("Возникла ошибка с получением:", error);
+      });
+  }, []);
 
   return (
     <div className={`${less["general"]} container`}>
@@ -75,8 +104,32 @@ const SkillTree = () => {
         </form>
       </div>
       <div className={less["right"]}>
-        <VacancyCard></VacancyCard>
-        <VacancyCard></VacancyCard>
+        {events.map((event) => (
+          <Card className={`${less["card"]} flex flex-row `}>
+            <div className="flex flex-col">
+              <CardHeader className={less["header"]}>
+                <div className={less["up"]}>
+                  <CardTitle className="p-0">{event.title}</CardTitle>
+                  <CardDescription>
+                    Дата начала: {event.start_date}
+                  </CardDescription>
+                </div>
+                {false && (
+                  <Button size="icon" variant="ghost">
+                    <TrashIcon />
+                  </Button>
+                )}
+              </CardHeader>
+              <CardContent className="p-0 mt-4">
+                <p>{event.description}</p>
+              </CardContent>
+              <Button>
+                {" "}
+                <Link to={`../admin/${event.id}`}>Event Management</Link>
+              </Button>
+            </div>
+          </Card>
+        ))}
       </div>
     </div>
   );