Convert TS

src/components/SearchBar/SearchBar.tsx

@@ -1,8 +1,8 @@
 import styles from "./SearchBar.module.css";
 import { Link } from "react-router";
 import { useEffect, useState } from "react";
-import searchEvents from "../../utils/events/searchEvents.js";
+import searchEvents from "../../utils/events/searchEvents";
-import searchUsers from "../../utils/users/searchUsers.js";
+import searchUsers from "../../utils/users/searchUsers";
 import { useLocation } from "react-router";
 
 function SearchBar(): any {

src/components/Task/Task.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import getEventById from "../../utils/events/getEventById.js";
+import getEventById from "../../utils/events/getEventById";
 import styles from "./Task.module.css";
 import formatDate from "../../utils/date/formatDate";
 

src/contexts/EventDetail/EventDetailProvider.jsx

@@ -1,7 +1,7 @@
 import {useState} from 'react';
 import { EventDetailContext } from "./EventDetailContext.js"
-import getEventById from "../../utils/events/getEventById.js";
+import getEventById from "../../utils/events/getEventById";
-import deleteTaskFunction from "../../utils/tasks/deleteTask.js";
+import deleteTaskFunction from "../../utils/tasks/deleteTask";
 
 export function EventDetailProvider({ children }) {
 

src/pages/Profile/ProfilePage.tsx

@@ -7,7 +7,7 @@ import SettingsModal from "./components/SettingsModal/SettingsModal";
 import {useParams} from "react-router";
 import {useNavigate} from "react-router";
 import {useRef} from "react";
-import getUserById from "../../utils/users/getUserById.js";
+import getUserById from "../../utils/users/getUserById";
 import ManageMember from "./components/ManageMember/ManageMember.jsx";
 import uploadProfilePhoto from "../../utils/users/uploadProfilePhoto";
 import deleteProfilePhoto from "../../utils/users/deleteProfilePhoto.js";

src/utils/events/eventCounter.js

@@ -1,28 +0,0 @@
-import { useEffect, useState } from "react";
-import getAllEvents from "../../utils/events/getAllEvents";
-
-function EventsCounter() {
-  const [eventsCount, setEventsCount] = useState(0);
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    const fetchEvents = async () => {
-      try {
-        const events = await getAllEvents();
-        if (Array.isArray(events)) {
-          setEventsCount(events.length);
-        } else {
-          setEventsCount(0);
-        }
-      } catch (err) {
-        console.error(err);
-        setEventsCount(0);
-      } finally {
-        setLoading(false);
-      }
-    };
-    fetchEvents();
-  }, []);
-  if (loading) return <p>Chargement...</p>;
-  return <p>Nombre d’événements : {eventsCount}</p>;
-}
-export default EventsCounter;

src/utils/events/getEventById.js

@@ -1,5 +0,0 @@
-import fetchWrapper from "../fetchWrapper";
-
-export default async function GetEventById(id) {
-    return fetchWrapper(`/api/events/${id}`, null, "GET");
-}

src/utils/events/searchEvents.ts

@@ -1,4 +1,4 @@
-export default async function searchEvents(query) {
+export default async function searchEvents(query: string): Promise<any[] | null> {
     try {
         const encodedQuery = encodeURIComponent(query);
         const response = await fetch(
@@ -13,7 +13,7 @@ export default async function searchEvents(query) {
             }
         );
         const data = await response.json();
-        return data.hits.map(hit => hit.document);
+        return data.hits.map((hit: any) => hit.document);
 
     } catch (err) {
         console.error("Erreur :", err);

src/utils/tasks/assign.ts

@@ -1,7 +1,7 @@
-import fetchWrapper from "../fetchWrapper.js";
+import fetchWrapper from "../fetchWrapper";
-import getXSRFToken from "../getXSRF.js";
+import getXSRFToken from "../getXSRF";
 
-export default async function assign(taskId) {
+export default async function assign(taskId: number): Promise<any> {
     const csrfToken = await getXSRFToken();
 
     return fetchWrapper(

src/utils/tasks/createTask.js

@@ -1,29 +0,0 @@
-import fetchWrapper from "../fetchWrapper.js";
-import getXSRFToken from "../getXSRF.js";
-
-export default async function createTask({
-                                             eventId,
-                                             name,
-                                             description,
-                                             start,
-                                             end,
-                                             location,
-                                             maxParticipants,
-                                         }) {
-    const csrfToken = await getXSRFToken();
-
-    return fetchWrapper(
-        "/api/events/task",
-        {
-            event_id: eventId,
-            name,
-            description,
-            start,
-            end,
-            location,
-            max_participants: maxParticipants,
-        },
-        "POST",
-        {"X-XSRF-TOKEN": csrfToken}
-    );
-}

src/utils/tasks/createTask.ts

@@ -0,0 +1,39 @@
+import fetchWrapper from "../fetchWrapper";
+import getXSRFToken from "../getXSRF";
+
+interface CreateTaskParams {
+    eventId: number;
+    name: string;
+    description: string;
+    start: string;
+    end: string;
+    location: string;
+    maxParticipants: number;
+}
+
+export default async function createTask({
+    eventId,
+    name,
+    description,
+    start,
+    end,
+    location,
+    maxParticipants,
+}: CreateTaskParams): Promise<any> {
+    const csrfToken = await getXSRFToken();
+
+    return fetchWrapper(
+        "/api/events/task",
+        {
+            event_id: eventId,
+            name,
+            description,
+            start,
+            end,
+            location,
+            max_participants: maxParticipants,
+        },
+        "POST",
+        {"X-XSRF-TOKEN": csrfToken}
+    );
+}

src/utils/tasks/deleteTask.js

@@ -1,13 +0,0 @@
-import fetchWrapper from "../fetchWrapper.js";
-import getXSRFToken from "../getXSRF.js";
-
-export default async function deleteTask(taskId) {
-    const csrfToken = await getXSRFToken();
-
-    return fetchWrapper(
-        `/api/events/tasks/${taskId}`,
-        { task_id: taskId },
-        "DELETE",
-        { "X-XSRF-TOKEN": csrfToken }
-    );
-}

src/utils/tasks/deleteTask.ts

@@ -0,0 +1,13 @@
+import fetchWrapper from "../fetchWrapper";
+import getXSRFToken from "../getXSRF";
+
+export default async function deleteTask(taskId: number): Promise<any> {
+    const csrfToken = await getXSRFToken();
+
+    return fetchWrapper(
+        `/api/events/tasks/${taskId}`,
+        {task_id: taskId},
+        "DELETE",
+        {"X-XSRF-TOKEN": csrfToken}
+    );
+}

src/utils/tasks/isAssigned.js

@@ -1,9 +0,0 @@
-import fetchWrapper from "../fetchWrapper.js";
-
-export default async function isAssigned(taskId) {
-    return fetchWrapper(
-        `/api/events/tasks/${taskId}/assigned`,
-        null,
-        "GET"
-    );
-}

src/utils/tasks/isAssigned.ts

@@ -0,0 +1,9 @@
+import fetchWrapper from "../fetchWrapper";
+
+export default async function isAssigned(taskId: number): Promise<any> {
+    return fetchWrapper(
+        `/api/events/tasks/${taskId}/assigned`,
+        null,
+        "GET"
+    );
+}

src/utils/tasks/unAssign.ts

@@ -1,7 +1,7 @@
-import fetchWrapper from "../fetchWrapper.js";
+import fetchWrapper from "../fetchWrapper";
-import getXSRFToken from "../getXSRF.js";
+import getXSRFToken from "../getXSRF";
 
-export default async function unAssign(taskId) {
+export default async function unAssign(taskId: number): Promise<any> {
     const csrfToken = await getXSRFToken();
 
     return fetchWrapper(

src/utils/users/getUserById.js

@@ -1,5 +0,0 @@
-import fetchWrapper from "../fetchWrapper";
-
-export default async function getUserById(id) {
-    return fetchWrapper(`/api/users/${id}`);
-}

src/utils/users/searchUsers.ts

@@ -1,4 +1,4 @@
-export default async function searchUsers(query) {
+export default async function searchUsers(query: string): Promise<any[] | null> {
     try {
         const encodedQuery = encodeURIComponent(query);
         const response = await fetch(
@@ -13,7 +13,7 @@ export default async function searchUsers(query) {
             }
         );
         const data = await response.json();
-        return data.hits.map(hit => hit.document);
+        return data.hits.map((hit: any) => hit.document);
 
     } catch (err) {
         console.error("Erreur :", err);