Convert Input and Button UI component to TypeScript

This commit is contained in:
T'JAMPENS QUENTIN p2406187
2026-02-06 15:07:14 +01:00
parent 1489a10711
commit f6def2f817
27 changed files with 134 additions and 82 deletions
@@ -1,5 +1,5 @@
import React, {useState, useEffect} from "react";
import Button from "../../../../components/ui/button/button.jsx";
import Button from "../../../../components/ui/button/button.tsx";
import styles from "./PendingMembers.module.css";
import Modal from "../../../../components/ui/modal/modal.jsx";
import getUserToValidate from "../../../../utils/users/getUserToValidate.js";
+1 -1
View File
@@ -1,7 +1,7 @@
import styles from "./Event.module.css";
import { useState, useEffect } from "react";
import { useNavigate } from "react-router";
import Button from "/src/components/ui/button/button.jsx"
import Button from "/src/components/ui/button/button"
function Event({event}){
@@ -1,7 +1,7 @@
import { useState, useContext } from "react";
import styles from "./loginForm.module.css";
import Button from "../../../../components/ui/button/button.jsx";
import Input from "../../../../components/ui/input/input.jsx";
import Button from "../../../../components/ui/button/button.tsx";
import Input from "../../../../components/ui/input/input.tsx";
import Modal from "../../../../components/ui/modal/modal.jsx";
import { useNavigate } from "react-router";
import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
@@ -1,10 +1,10 @@
import Modal from "../../../../components/ui/modal/modal.jsx";
import Button from "../../../../components/ui/button/button.jsx";
import Button from "../../../../components/ui/button/button.tsx";
import styles from "./SettingsModal.module.css"
import { useContext, useState } from "react";
import ThemeSwitcher from "../../../../components/ui/themeSwitcher/ThemeSwitcher.jsx";
import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
import TextInput from "../../../../components/ui/input/input.jsx";
import TextInput from "../../../../components/ui/input/input.tsx";
import updateUser from "../../../../utils/users/updateUser.js";
import deleteUser from "../../../../utils/users/deleteUser.js";
+2 -2
View File
@@ -1,7 +1,7 @@
import styles from "./RegisterPage.module.css";
import Background from "../../components/background/background.jsx";
import Input from "../../components/ui/input/input.jsx";
import Button from "../../components/ui/button/button.jsx";
import Input from "../../components/ui/input/input.tsx";
import Button from "../../components/ui/button/button.tsx";
import {useContext, useEffect, useState} from "react";
import register from "../../utils/register.js";
import { useNavigate } from "react-router";
@@ -1,4 +1,4 @@
import Button from "../../../../components/ui/button/button.jsx";
import Button from "../../../../components/ui/button/button.tsx";
import Modal from "../../../../components/ui/modal/modal.jsx";
import {useContext, useState} from "react";
import styles from "./manageMember.module.css"
@@ -1,4 +1,4 @@
import Button from "../../../../../components/ui/button/button.jsx";
import Button from "../../../../../components/ui/button/button.tsx";
import Modal from "../../../../../components/ui/modal/modal.jsx";
import { useState } from "react";
import deactivateUser from "../../../../../utils/users/deactivateUser.js"
@@ -1,5 +1,5 @@
import styles from "../manageMember.module.css";
import Button from "../../../../../components/ui/button/button.jsx";
import Button from "../../../../../components/ui/button/button.tsx";
import modifyRole from "../../../../../utils/users/modifyRole.js";
import { useState, useEffect } from "react";
import getRoles from "../../../../../utils/getRoles.js";
+1 -1
View File
@@ -2,7 +2,7 @@ import React, {useState} from "react";
import styles from "./VolunteersPage.module.css";
import formatDate from "../../utils/date/formatDate.js";
import { useNavigate } from "react-router";
import Button from "../../components/ui/button/button.jsx";
import Button from "../../components/ui/button/button.tsx";
export default function VolunteerCard({ user }) {
@@ -1,6 +1,6 @@
import styles from "./eventTask.module.css";
import { formatDateLetter } from "../../../../utils/date/formatDateLetter.js";
import Button from "../../../../components/ui/button/button.jsx";
import Button from "../../../../components/ui/button/button.tsx";
import assign from "../../../../utils/tasks/assign.js";
import unAssign from "../../../../utils/tasks/unAssign.js";
import { useContext, useEffect, useState } from "react";
@@ -1,7 +1,7 @@
import styles from "../../eventDetail.module.css";
import Button from "../../../../components/ui/button/button.jsx";
import Button from "../../../../components/ui/button/button.tsx";
import {useContext, useState} from "react";
import TextInput from "../../../../components/ui/input/input.jsx";
import TextInput from "../../../../components/ui/input/input.tsx";
import Modal from "../../../../components/ui/modal/modal.jsx";
import createTaskApi from "../../../../utils/tasks/createTask.js";
import {EventDetailContext} from "../../../../contexts/eventDetail/eventDetail.js";
@@ -1,5 +1,5 @@
import styles from "../../eventDetail.module.css";
import Button from "../../../../components/ui/button/button.jsx";
import Button from "../../../../components/ui/button/button.tsx";
import Modal from "../../../../components/ui/modal/modal.jsx";
import { useContext, useState } from "react";
import { EventDetailContext } from "../../../../contexts/eventDetail/eventDetail.js";
@@ -1,7 +1,7 @@
import { useContext } from "react";
import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
import { EventDetailContext } from "../../../../contexts/eventDetail/eventDetail.js";
import Button from "../../../../components/ui/button/button.jsx";
import Button from "../../../../components/ui/button/button.tsx";
import { useState } from "react";
import Modal from "../../../../components/ui/modal/modal.jsx";
import styles from "../../eventDetail.module.css";
@@ -1,6 +1,6 @@
import styles from "./validationErrorPage.module.css"
import Background from "../../components/background/background.jsx";
import Button from "../../components/ui/button/button.jsx";
import Button from "../../components/ui/button/button.tsx";
import { useContext } from "react";
import { AuthContext } from "../../contexts/auth/AuthContext.js";
import { Navigate, useNavigate, Link } from "react-router";