fix update SkillTree

This commit is contained in:
cue
2024-04-03 02:11:45 +03:00
parent 5d6ad08f8b
commit 34a1494512
@@ -10,7 +10,6 @@ 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 { addEvent, deleteEvent, submitRegister } from "../../widgets/Header/AuthAPI";
import {
Card,
CardContent,
@@ -35,108 +34,6 @@ const SkillTree = () => {
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`}>
<div className={less["left"]}>
<Link
to={"/dash/admin"}
className={`border ${buttonVariants({ variant: "outline" })} mb-4`}
>
Back
</Link>
<h3
className={"text-2xl font-semibold leading-none tracking-tight mb-5"}
>
Create event
</h3>
<form
className={less["input-form"]}
onSubmit={(event) => {
addEvent(event);
toast({
title: "Scheduled: Catch up ",
description: "Friday, February 10, 2023 at 5:57 PM",
action: (
<ToastAction altText="Goto schedule to undo">Undo</ToastAction>
),
});
}}
>
<Input
type="text"
name="title"
placeholder="Event name"
className="mb-3"
/>
<Input
type="date"
name="start_date"
placeholder="Start date"
className="mb-3"
/>
<Input
type="date"
name="end_date"
placeholder="End date"
className="mb-3"
/>
<Textarea
name="description"
placeholder="Description"
className="mb-3"
/>
<div className="flex items-center space-x-2">
<Switch className="mb-3" id="is_online" />
<Label htmlFor="is_online">Is online</Label>
</div>
<br />
<Button>Create</Button>
</form>
</div>
<div className={less["right"]}>
{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>
);
};
export default SkillTree;
useEffect(() => {
eventList()
.then((data) => {
@@ -169,8 +66,8 @@ export default SkillTree;
<CardTitle className="p-0">{event.title}</CardTitle>
<CardDescription>Дата начала: {event.start_date}</CardDescription>
</div>
{true && (
<Button size="icon" variant="ghost" onClick={() => {deleteEvent(event.id)}}><TrashIcon /></Button>
{false && (
<Button size="icon" variant="ghost" ><TrashIcon /></Button>
)}
</CardHeader>
<CardContent className="p-0 mt-4" >
@@ -185,5 +82,4 @@ export default SkillTree;
</div>
);
}
export default SkillTree;
export default SkillTree;