@@ -131,3 +135,19 @@ export function GradeCard({
);
}
+
+const GradeTypeBadge = ({ code }: { code?: string | null }) => {
+ if (!code?.trim()) return null;
+
+ const badgeInfo = getGradeBadgeInfoFromCode(code);
+ if (!badgeInfo?.label) return null;
+
+ return (
+
+ {badgeInfo.label}
+
+ );
+};
diff --git a/src/pages/grades/page.tsx b/src/pages/grades/page.tsx
index 334cda8..0ea594c 100644
--- a/src/pages/grades/page.tsx
+++ b/src/pages/grades/page.tsx
@@ -147,7 +147,7 @@ export function GradesPage() {
{selectedGrade && (
-
+
{selectedGrade.name}
diff --git a/src/pages/home/sections.tsx b/src/pages/home/sections.tsx
index 42cb9f5..8cc61d0 100644
--- a/src/pages/home/sections.tsx
+++ b/src/pages/home/sections.tsx
@@ -64,9 +64,7 @@ export const LessonCard = ({
{lesson.courseTitle}
-
+
{formatLessonType(lesson.type)}
@@ -167,10 +165,10 @@ export const ImportantMessage = ({ message }: { message?: MessageEntry }) => (
className="rounded-lg bg-white dark:bg-mauria-alert oled:bg-black"
>
-
+
{message?.title ?? "Aucun message important"}
-
+
{message?.message ?? "Bonne journée !"}
diff --git a/src/pages/secondary/login.tsx b/src/pages/secondary/login.tsx
index 55610ed..2c7eaf6 100644
--- a/src/pages/secondary/login.tsx
+++ b/src/pages/secondary/login.tsx
@@ -23,6 +23,7 @@ import {
readInitialLocale,
type LocaleOption,
} from "@/lib/utils/translations";
+import { useNavigate } from "react-router";
const FIRST_LAUNCH_KEY = "firstLaunch";
@@ -33,6 +34,7 @@ export function LoginPage() {
const [showPassword, setShowPassword] = useState(false);
const [locale, setLocale] = useState
(readInitialLocale);
const { t } = useTranslation();
+ const navigate = useNavigate();
useEffect(() => {
applyLocale(locale);
@@ -59,7 +61,9 @@ export function LoginPage() {
);
}
- window.location.href = shouldShowWelcome ? "/welcome" : "/";
+ navigate(shouldShowWelcome ? "/welcome" : "/", {
+ replace: true,
+ });
} else {
toast.error("Identifiants invalides", {
description:
diff --git a/src/pages/secondary/logs.tsx b/src/pages/secondary/logs.tsx
new file mode 100644
index 0000000..4f782ae
--- /dev/null
+++ b/src/pages/secondary/logs.tsx
@@ -0,0 +1,97 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { clearStorageLogs, getStorageLogs, logAppLaunch } from "@/lib/utils/storage";
+
+type StorageLogEntry = {
+ ts: string;
+ action: "set" | "override" | "remove" | "clear" | "launch";
+ key?: string;
+ size?: number;
+ details?: string;
+};
+
+function formatLogLine(entry: StorageLogEntry) {
+ if (entry.action === "launch") {
+ return `[${formatTimestamp(entry.ts)}] ${
+ entry.details ?? "----- LANCEMENT DE L'APP -----"
+ }`;
+ }
+ const parts = [`[${formatTimestamp(entry.ts)}]`, entry.action.toUpperCase()];
+ if (entry.key) parts.push(entry.key);
+ if (entry.size !== undefined) parts.push(`size=${entry.size}`);
+ if (entry.details) parts.push(entry.details);
+ return parts.join(" ");
+}
+
+function formatTimestamp(ts: string) {
+ const date = new Date(ts);
+ if (Number.isNaN(date.getTime())) return ts;
+ const pad = (value: number) => String(value).padStart(2, "0");
+ const year = date.getFullYear();
+ const month = pad(date.getMonth() + 1);
+ const day = pad(date.getDate());
+ const hours = pad(date.getHours());
+ const minutes = pad(date.getMinutes());
+ const seconds = pad(date.getSeconds());
+ return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+}
+
+export function LogsPage() {
+ const [logs, setLogs] = useState([]);
+
+ useEffect(() => {
+ const refresh = () => {
+ const nextLogs = getStorageLogs();
+ setLogs(nextLogs);
+ };
+ refresh();
+ const interval = window.setInterval(refresh, 1000);
+ return () => {
+ window.clearInterval(interval);
+ };
+ }, []);
+
+ return (
+
+
+
+
+
+
+ Logs
+
+
+
+
+
+
+ {logs.length === 0 ? (
+
+ Aucun log localStorage pour le moment.
+
+ ) : (
+
+ {logs.map(formatLogLine).join("\n")}
+
+ )}
+
+
+
+
+