's'

app/[locale]/course/[moduleIndex]/[lessonIndex]/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { useParams, useRouter } from "next/navigation";
-import { Link } from "@/i18n/navigation";
+import { Link, useTranslation } from "@/i18n/navigation";
 import { VideoPlayer } from "@/app/components/course/VideoPlayer";
 import { LessonMarkdown } from "./LessonMarkdown";
 import { getLesson } from "@/config/lessons";
@@ -14,6 +14,8 @@ import Header from "@/app/components/Header";
 export default function LessonPage() {
   const params = useParams();
   const router = useRouter();
+  const { t } = useTranslation("community");
+  const [toast, setToast] = useState(false);
   const moduleIndex = Number(params.moduleIndex);
   const lessonIndex = Number(params.lessonIndex);
 
@@ -149,6 +151,14 @@ export default function LessonPage() {
           )}
         </div>
       </main>
+      {toast && (
+        <div
+          className="fixed bottom-8 left-1/2 z-50 -translate-x-1/2 rounded-lg bg-slate-800 px-6 py-3 text-sm font-medium text-white shadow-lg dark:bg-slate-700"
+          role="alert"
+        >
+          {t("updating")}
+        </div>
+      )}
     </div>
   );
 }