Fixed linting and formatting errors

This commit is contained in:
Kevin FEDYNA
2025-01-25 10:48:04 +01:00
parent 16b7579e10
commit 6d4d36e089
13 changed files with 118 additions and 36 deletions
@@ -24,7 +24,14 @@ interface Mobility {
}
export default function ConsultMobility() {
const [data, setData] = useState<{ promotions?: Promotion[]; students?: Student[]; mobilities?: Mobility[] } | null>(null);
const [data, setData] = useState<
| {
promotions?: Promotion[];
students?: Student[];
mobilities?: Mobility[];
}
| null
>(null);
const [error, setError] = useState<string | null>(null);
useEffect(() => {
@@ -82,7 +89,9 @@ export default function ConsultMobility() {
{data.students
?.filter((student) => student.promotionId === promo.id)
.map((student) => {
const mobility = data.mobilities?.find((mob) => mob.studentId === student.id);
const mobility = data.mobilities?.find((mob) =>
mob.studentId === student.id
);
return (
<tr key={student.id}>
<td>{student.id}</td>
@@ -15,7 +15,9 @@ interface Student {
}
export default function ConsultStudents_test() {
const [data, setData] = useState<{ promotions: Promotion[]; students: Student[] } | null>(null);
const [data, setData] = useState<
{ promotions: Promotion[]; students: Student[] } | null
>(null);
const [error, setError] = useState<string | null>(null);
useEffect(() => {
@@ -43,7 +45,7 @@ export default function ConsultStudents_test() {
{error && <p className="error">{error}</p>}
{data?.promotions.map((promo) => (
<div key={promo.id}>
<h3>Promotion: {promo.id}</h3>
<h3>Promotion: {promo.id}</h3>
<table>
<thead>
<tr>
@@ -24,7 +24,14 @@ interface Mobility {
}
export default function EditMobility() {
const [data, setData] = useState<{ promotions?: Promotion[]; students?: Student[]; mobilities?: Mobility[] } | null>(null);
const [data, setData] = useState<
| {
promotions?: Promotion[];
students?: Student[];
mobilities?: Mobility[];
}
| null
>(null);
const [error, setError] = useState<string | null>(null);
const [isSaving, setIsSaving] = useState(false);
@@ -69,7 +76,10 @@ export default function EditMobility() {
const startDate = new Date(updatedMobility.startDate || "");
const endDate = new Date(updatedMobility.endDate || "");
if (startDate && endDate && startDate <= endDate) {
const weeks = Math.ceil((endDate.getTime() - startDate.getTime()) / (7 * 24 * 60 * 60 * 1000));
const weeks = Math.ceil(
(endDate.getTime() - startDate.getTime()) /
(7 * 24 * 60 * 60 * 1000),
);
updatedMobility.weeksCount = weeks;
} else {
updatedMobility.weeksCount = null;
@@ -99,7 +109,7 @@ export default function EditMobility() {
if (response.ok) {
alert("Data saved successfully!");
window.location.reload();
globalThis.location.reload();
} else {
throw new Error(`Failed to save data: ${response.statusText}`);
}
@@ -143,7 +153,9 @@ export default function EditMobility() {
{data.students
?.filter((student) => student.promotionId === promo.id)
.map((student) => {
const mobility = data.mobilities?.find((mob) => mob.studentId === student.id) || {
const mobility = data.mobilities?.find((mob) =>
mob.studentId === student.id
) || {
id: null,
studentId: student.id,
startDate: null,
@@ -163,14 +175,20 @@ export default function EditMobility() {
<input
type="date"
value={mobility.startDate || ""}
onChange={(e) => handleChange(student.id, "startDate", e.target.value)}
onChange={(e) =>
handleChange(
student.id,
"startDate",
e.target.value,
)}
/>
</td>
<td>
<input
type="date"
value={mobility.endDate || ""}
onChange={(e) => handleChange(student.id, "endDate", e.target.value)}
onChange={(e) =>
handleChange(student.id, "endDate", e.target.value)}
/>
</td>
<td>{mobility.weeksCount ?? "N/A"}</td>
@@ -178,20 +196,35 @@ export default function EditMobility() {
<input
type="text"
value={mobility.destinationCountry || ""}
onChange={(e) => handleChange(student.id, "destinationCountry", e.target.value)}
onChange={(e) =>
handleChange(
student.id,
"destinationCountry",
e.target.value,
)}
/>
</td>
<td>
<input
type="text"
value={mobility.destinationName || ""}
onChange={(e) => handleChange(student.id, "destinationName", e.target.value)}
onChange={(e) =>
handleChange(
student.id,
"destinationName",
e.target.value,
)}
/>
</td>
<td>
<select
value={mobility.mobilityStatus}
onChange={(e) => handleChange(student.id, "mobilityStatus", e.target.value)}
onChange={(e) =>
handleChange(
student.id,
"mobilityStatus",
e.target.value,
)}
>
<option value="N/A">N/A</option>
<option value="Planned">Planned</option>