connect beck

frontend/src/components/pages/AdminEventPage/AdminEventPage.tsx

@@ -11,63 +11,47 @@ import { useEffect, useState } from "react";
 
 
 
-const AdminEventPage = () =>{
-    const { t } = useTranslation();
-    let wfew = JSON.stringify(eventList());
-    console.log(typeof wfew);
-    console.log(wfew );
+const AdminEventPage = () => {
+  const { t } = useTranslation();
 
 
-    const [events, setEvents] = useState<Event[]>([]);
+  const [events, setEvents] = useState<Event[]>([]);
 
-    useEffect(() => {
-      fetchData(); 
-    }, []);
-  
-    const fetchData = () => {
-      eventList() // Вызываем функцию eventList из файла api.ts
-        .then((data: Event[]) => {
-          setEvents(data); // Устанавливаем полученные данные в состояние
-        })
-        .catch((error: any) => {
-          console.error('Произошла ошибка:', error); // Обрабатываем ошибку, если она возникла
-        });
-    };
+  useEffect(() => {
+    eventList().then((data) => {
+        setEvents(data)
+    }).catch(error => {
+      console.error('Возникла ошибка с получением:', error)
+    })
+  }, []);
 
-    return(
-      <div className={less["admin-event__page"]}>
-        <div className={less["cont_1"]}>
+
+  return (
+    <div className={less["admin-event__page"]}>
+      <div className={less["cont_1"]}>
         <form className={less["input-form"]} onSubmit={(event) => submitAddEvent(event)}>
-                    <h1 className={less["title-titleform"]}>{t("createEvent")}</h1>
-                    <Input type="text" name="title" placeholder="Event name" />
-                    <Input type="date" name="start_date" placeholder="Start Date" />
-                    <Input type="date" name="end_date" placeholder="End Date" />
+          <h1 className={less["title-titleform"]}>{t("createEvent")}</h1>
+          <Input type="text" name="title" placeholder="Event name" />
+          <Input type="date" name="start_date" placeholder="Start Date" />
+          <Input type="date" name="end_date" placeholder="End Date" />
 
-                    <Textarea name="description" placeholder="About Event" />
-                    <div className={less["liner-block"]}>
-                    <Switch name="is_online" />
-                    <Label htmlFor="airplane-mode">Онлайн мероприятие</Label>
-                    </div>
-                    <Button>{t("createEvent")}</Button>
-                </form>
+          <Textarea name="description" placeholder="About Event" />
+          <div className={less["liner-block"]}>
+            <Switch name="is_online" />
+            <Label htmlFor="airplane-mode">Онлайн мероприятие</Label>
+          </div>
+          <Button>{t("createEvent")}</Button>
+        </form>
 
       </div>
-      <Button onClick={eventList}>{t("createEvent")}</Button>
-      
       <div className={less["cont_2"]}>
       {events.map((event) => (
-          <li key={event.created_at}>
-            <div>Название: {event.title}</div>
-            <div>Дата: {event.updated_at}</div>
-            {/* Добавьте другие свойства вашего объекта, если они есть */}
-          </li>
-        ))}
-          <VacancyCard></VacancyCard>
-      <VacancyCard></VacancyCard>
-      <VacancyCard></VacancyCard>
-</div>
+        <VacancyCard title={event.title} date={event.start_date} desc={event.description} cardId={event.id} admin={true}></VacancyCard>
+
+      ))}
       </div>
-    )
+    </div>
+  )
 }
 export default AdminEventPage