-
- );
-}
-
-export default ProfilePage;
diff --git a/src/pages/Profile/ProfilePage.tsx b/src/pages/Profile/ProfilePage.tsx
new file mode 100644
index 0000000..2c4ec78
--- /dev/null
+++ b/src/pages/Profile/ProfilePage.tsx
@@ -0,0 +1,165 @@
+import { useContext, useEffect } from "react";
+import styles from "./ProfilePage.module.css";
+
+import { AuthContext } from "../../contexts/auth/AuthContext";
+import formatDate from "../../utils/date/formatDate";
+
+//import Task from "../../components/Task/Task";
+//import SettingsModal from "./components/SettingsModal/SettingsModal";
+
+interface TaskType {
+ id: number;
+ title?: string;
+ completed?: boolean;
+ [key: string]: unknown;
+}
+
+interface User {
+ name: string;
+ lastname: string;
+ role: string;
+ email: string;
+ phone: string | null;
+ created_at: string;
+ tasks: TaskType[];
+}
+
+interface AuthContextType {
+ user: User | null;
+ update: () => void;
+}
+
+
+
+function ProfilePage(){
+ const { user, update } = useContext(AuthContext) as AuthContextType;
+
+ useEffect(() => {
+ update();
+ }, [update]);
+
+ return (
+
-
-
-
-
- 
-
-
-
-
-
-
- {user?.name} {user?.lastname}
-
-
-
-
-
- Role : {user?.role}
-Membre depuis : {user && formatDate(user.created_at)}
-
-
- Mail : {user?.email}
-Téléphone : {user?.phone === null ? "Pas de numéro enregistré" : user?.phone}
-
-
- Tâches :
- {user && user.tasks.length > 0 ? ( - user.tasks.map((task, index) => ( -Aucune tâche pour le moment.
- )} - -
+
+ );
+}
+
+export default ProfilePage;
+
+
+/*import React, { useContext, useEffect } from "react";
+import styles from "./ProfilePage.module.css";
+import { AuthContext } from "../../contexts/auth/AuthContext.js";
+import formatDate from "../../utils/date/formatDate.js";
+import Task from "../../components/Task/Task";
+import SettingsModal from "./components/SettingsModal/SettingsModal.jsx";
+
+function ProfilePage() {
+
+ const { user, update } = useContext(AuthContext);
+
+ useEffect(() => {
+ update();
+ }, [])
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {user?.name} {user?.lastname} +
+
+
+
+
+
+
+ + Role : {user?.role} +
++ Membre depuis :{" "} + {user && formatDate(user.created_at)} +
+
+
+
+ + Mail : {user?.email} +
++ Téléphone :{" "} + {user?.phone ?? "Pas de numéro enregistré"} +
+
+ {/*
+ Tâches :
+ + {/* {user && user.tasks.length > 0 ? ( + user.tasks.map((task) => ( +Aucune tâche pour le moment.
+ )}*/} +
+
+ );
+}
+
+export default ProfilePage;*/
\ No newline at end of file
diff --git a/src/utils/date/formatDate.js b/src/utils/date/formatDate.js
deleted file mode 100644
index 3fd1371..0000000
--- a/src/utils/date/formatDate.js
+++ /dev/null
@@ -1,9 +0,0 @@
-export default function formatDate(d) {
- const date = new Date(d);
-
- const jj = String(date.getUTCDate()).padStart(2, '0');
- const mm = String(date.getUTCMonth() + 1).padStart(2, '0');
- const aaaa = date.getUTCFullYear();
-
- return `${jj}/${mm}/${aaaa}`;
-}
\ No newline at end of file
diff --git a/src/utils/date/formatDate.ts b/src/utils/date/formatDate.ts
new file mode 100644
index 0000000..5a14daa
--- /dev/null
+++ b/src/utils/date/formatDate.ts
@@ -0,0 +1,9 @@
+export default function formatDate(d: string | Date): string {
+ const date = d instanceof Date ? d : new Date(d);
+
+ const jj = String(date.getUTCDate()).padStart(2, "0");
+ const mm = String(date.getUTCMonth() + 1).padStart(2, "0");
+ const aaaa = date.getUTCFullYear();
+
+ return `${jj}/${mm}/${aaaa}`;
+}
diff --git a/src/utils/date/formatDateLetter.js b/src/utils/date/formatDateLetter.js
deleted file mode 100644
index 883b3c8..0000000
--- a/src/utils/date/formatDateLetter.js
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-export function formatDateLetter(d) {
- if (!d) return "Date inconnue";
-
- const dateObj = new Date(d);
- if (isNaN(dateObj.getTime())) return "Date invalide";
-
- const monthNames = [
- "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
- "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
- ];
-
- const day = dateObj.getDate().toString().padStart(2, "0");
- const month = monthNames[dateObj.getMonth()];
- const year = dateObj.getFullYear();
- const hours = dateObj.getHours().toString().padStart(2, "0");
- const minutes = dateObj.getMinutes().toString().padStart(2, "0");
-
- return `${day} ${month} ${year} à ${hours}:${minutes}`;
-}
-
-
-export function formatDateLetterJS(d) {
- const monthNames = [
- "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
- "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
- ];
- const [year, month, day] = d.split('-');
- return `${day} ${monthNames[parseInt(month) - 1]} ${year}`;
-}
-
diff --git a/src/utils/date/formatDateLetter.ts b/src/utils/date/formatDateLetter.ts
new file mode 100644
index 0000000..f4c3f91
--- /dev/null
+++ b/src/utils/date/formatDateLetter.ts
@@ -0,0 +1,65 @@
+
+
+/*export function formatDateLetter(d) {
+ if (!d) return "Date inconnue";
+
+ const dateObj = new Date(d);
+ if (isNaN(dateObj.getTime())) return "Date invalide";
+
+ const monthNames = [
+ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
+ "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
+ ];
+
+ const day = dateObj.getDate().toString().padStart(2, "0");
+ const month = monthNames[dateObj.getMonth()];
+ const year = dateObj.getFullYear();
+ const hours = dateObj.getHours().toString().padStart(2, "0");
+ const minutes = dateObj.getMinutes().toString().padStart(2, "0");
+
+ return `${day} ${month} ${year} à ${hours}:${minutes}`;
+}
+
+
+export function formatDateLetterJS(d) {
+ const monthNames = [
+ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
+ "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
+ ];
+ const [year, month, day] = d.split('-');
+ return `${day} ${monthNames[parseInt(month) - 1]} ${year}`;
+}*/
+
+export function formatDateLetter(d: string | Date | null | undefined): string {
+ if (!d) return "Date inconnue";
+
+ const dateObj = d instanceof Date ? d : new Date(d);
+ if (isNaN(dateObj.getTime())) return "Date invalide";
+
+ const monthNames = [
+ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
+ "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
+ ];
+
+ const day = dateObj.getDate().toString().padStart(2, "0");
+ const month = monthNames[dateObj.getMonth()];
+ const year = dateObj.getFullYear();
+ const hours = dateObj.getHours().toString().padStart(2, "0");
+ const minutes = dateObj.getMinutes().toString().padStart(2, "0");
+
+ return `${day} ${month} ${year} à ${hours}:${minutes}`;
+}
+
+
+export function formatDateLetterJS(d: string): string {
+ const monthNames = [
+ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
+ "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
+ ];
+
+ const [year, month, day] = d.split("-");
+ if (!year || !month || !day) return "Date invalide";
+
+ return `${day} ${monthNames[parseInt(month, 10) - 1]} ${year}`;
+}
+
diff --git a/src/utils/date/formatTime.js b/src/utils/date/formatTime.js
deleted file mode 100644
index 6012db2..0000000
--- a/src/utils/date/formatTime.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function formatTime(d) {
- const date = new Date(d);
-
- const hh = String(date.getUTCHours()).padStart(2, '0');
- const min = String(date.getUTCMinutes()).padStart(2, '0');
-
- return `${hh}:${min}`;
-}
\ No newline at end of file
diff --git a/src/utils/date/formatTime.ts b/src/utils/date/formatTime.ts
new file mode 100644
index 0000000..93311b9
--- /dev/null
+++ b/src/utils/date/formatTime.ts
@@ -0,0 +1,12 @@
+
+export default function formatTime(d: string | Date | null | undefined): string {
+ if (!d) return "Heure inconnue";
+
+ const date = d instanceof Date ? d : new Date(d);
+ if (isNaN(date.getTime())) return "Heure invalide";
+
+ const hh = String(date.getUTCHours()).padStart(2, "0");
+ const min = String(date.getUTCMinutes()).padStart(2, "0");
+
+ return `${hh}:${min}`;
+}
diff --git a/src/utils/events/createEvent.js b/src/utils/events/createEvent.js
index ba073fe..764d419 100644
--- a/src/utils/events/createEvent.js
+++ b/src/utils/events/createEvent.js
@@ -11,3 +11,4 @@ export default async function createEvent(name, description, start, end) {
{"X-XSRF-TOKEN": csrfToken}
);
}
+
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..693c67f
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,62 @@
+{
+ // Visit https://aka.ms/tsconfig to read more about this file
+ /*"compilerOptions": {*/
+ // File Layout
+ // "rootDir": "./src",
+ // "outDir": "./dist",
+
+ // Environment Settings
+ // See also https://aka.ms/tsconfig/module
+ /*"module": "nodenext",
+ "target": "esnext",
+ "types": [],*/
+ // For nodejs:
+ // "lib": ["esnext"],
+ // "types": ["node"],
+ // and npm install -D @types/node
+
+ // Other Outputs
+ /*"sourceMap": true,
+ "declaration": true,
+ "declarationMap": true,*/
+
+ // Stricter Typechecking Options
+ /*"noUncheckedIndexedAccess": true,
+ "exactOptionalPropertyTypes": true,*/
+
+ // Style Options
+ // "noImplicitReturns": true,
+ // "noImplicitOverride": true,
+ // "noUnusedLocals": true,
+ // "noUnusedParameters": true,
+ // "noFallthroughCasesInSwitch": true,
+ // "noPropertyAccessFromIndexSignature": true,
+
+ // Recommended Options
+ /* "strict": true,
+ "jsx": "react-jsx",
+ "verbatimModuleSyntax": true,
+ "isolatedModules": true,
+ "noUncheckedSideEffectImports": true,
+ "moduleDetection": "force",
+ "skipLibCheck": true,
+ }
+}
+
+{*/
+ "compilerOptions": {
+ "target": "ESNext",
+ "lib": ["DOM", "DOM.Iterable", "ESNext"],
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "jsx": "react-jsx",
+ "strict": true,
+ "isolatedModules": true,
+
+ "noUncheckedIndexedAccess": true,
+ "exactOptionalPropertyTypes": true,
+
+ "resolveJsonModule": true,
+ "skipLibCheck": true
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+ {user?.name} {user?.lastname}
+
+
+
+
+
+ Role : {user?.role}
+Membre depuis : {user && formatDate(user.created_at)}
+
+
+ Mail : {user?.email}
+Téléphone : {user?.phone === null ? "Pas de numéro enregistré" : user?.phone}
+
+
+ Tâches :
+ {user && user.tasks.length > 0 ? ( + user.tasks.map((task, index) => ( +Aucune tâche pour le moment.
+ )} + +