@hed-hog/lms 0.0.357 → 0.0.358

package/hedhog/frontend/app/courses/page.tsx.ejs

@@ -73,7 +73,7 @@ import {
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
-import { useForm, useWatch } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
 import { toast } from 'sonner';
 import { CourseAvatar } from '../_components/course-avatar';
 import {
@@ -348,7 +348,6 @@ export default function CursosPage() {
   const [newCategorySlugTouched, setNewCategorySlugTouched] = useState(false);
 
   // Data
-  const [editingCurso, setEditingCurso] = useState<Curso | null>(null);
   const [cursoToDelete, setCursoToDelete] = useState<Curso | null>(null);
   const [cachedCourseList, setCachedCourseList] =
     useState<ApiCourseList | null>(null);
@@ -380,7 +379,6 @@ export default function CursosPage() {
     resolver: zodResolver(getCourseSheetSchema(t)),
     defaultValues: DEFAULT_COURSE_FORM_VALUES,
   });
-  const watchedFormValues = useWatch({ control: form.control });
 
   const {
     data: courseList,
@@ -529,29 +527,6 @@ export default function CursosPage() {
     () => (effectiveCourseList?.data ?? []).map((item) => mapApiCourse(item)),
     [effectiveCourseList]
   );
-  const previewCurso = useMemo(() => {
-    if (!sheetOpen || !editingCurso) return null;
-
-    return {
-      ...editingCurso,
-      nomeInterno: watchedFormValues.nomeInterno ?? editingCurso.nomeInterno,
-      tituloComercial:
-        watchedFormValues.tituloComercial ?? editingCurso.tituloComercial,
-      descricao: watchedFormValues.descricao ?? editingCurso.descricao,
-      primaryColor: watchedFormValues.primaryColor ?? editingCurso.primaryColor,
-      secondaryColor:
-        watchedFormValues.secondaryColor ?? editingCurso.secondaryColor,
-      nivel:
-        (watchedFormValues.nivel as Curso['nivel'] | undefined) ??
-        editingCurso.nivel,
-      status:
-        (watchedFormValues.status as Curso['status'] | undefined) ??
-        editingCurso.status,
-      tipoCurso: watchedFormValues.offeringType ?? editingCurso.tipoCurso,
-      categorias: watchedFormValues.categorias ?? editingCurso.categorias,
-    } satisfies Curso;
-  }, [editingCurso, sheetOpen, watchedFormValues]);
-
   const categoryOptions = useMemo<CourseCategoryOption[]>(
     () =>
       (categoryListData?.data ?? [])
@@ -573,13 +548,7 @@ export default function CursosPage() {
     [categoryOptions]
   );
 
-  const paginatedCursos = useMemo(() => {
-    if (!previewCurso) return cursos;
-
-    return cursos.map((curso) =>
-      curso.id === previewCurso.id ? previewCurso : curso
-    );
-  }, [cursos, previewCurso]);
+  const paginatedCursos = cursos;
   const selectedCourses = useMemo(
     () => cursos.filter((curso) => selectedIds.has(curso.id)),
     [cursos, selectedIds]
@@ -652,32 +621,13 @@ export default function CursosPage() {
   // ── CRUD ──────────────────────────────────────────────────────────────────
 
   function openCreateSheet() {
-    setEditingCurso(null);
     form.reset(DEFAULT_COURSE_FORM_VALUES);
     setSheetOpen(true);
   }
 
-  function openEditSheet(curso: Curso, e?: React.MouseEvent) {
+  function goToCourseDetails(curso: Curso, e?: React.MouseEvent) {
     e?.stopPropagation();
-    setEditingCurso(curso);
-    form.reset({
-      nomeInterno: curso.nomeInterno,
-      slug: curso.slug,
-      code: curso.code || '',
-      tituloComercial: curso.tituloComercial,
-      descricao: curso.descricao,
-      primaryColor: curso.primaryColor || '#1D4ED8',
-      secondaryColor: curso.secondaryColor || '#111827',
-      nivel: curso.nivel,
-      status: curso.status,
-      offeringType: curso.tipoCurso,
-      categorias: curso.categorias,
-      operationsProjectId: curso.operationsProjectId
-        ? String(curso.operationsProjectId)
-        : '',
-      logoFileId: curso.logoFileId ?? null,
-    });
-    setSheetOpen(true);
+    router.push(`/lms/courses/${curso.id}`);
   }
 
   async function onSubmit(data: CourseSheetFormValues) {
@@ -703,27 +653,15 @@ export default function CursosPage() {
         logoFileId: data.logoFileId ?? null,
       };
 
-      if (editingCurso) {
-        await request({
-          url: `/lms/courses/${editingCurso.id}`,
-          method: 'PATCH',
-          data: payload,
-        });
-        toast.success(t('toasts.courseUpdated'));
-      } else {
-        const response = await request<ApiCourse>({
-          url: '/lms/courses',
-          method: 'POST',
-          data: payload,
-        });
+      const response = await request<ApiCourse>({
+        url: '/lms/courses',
+        method: 'POST',
+        data: payload,
+      });
 
-        toast.success(t('toasts.courseCreated'));
-        if (response.data?.id) {
-          setTimeout(
-            () => router.push(`/lms/courses/${response.data.id}`),
-            400
-          );
-        }
+      toast.success(t('toasts.courseCreated'));
+      if (response.data?.id) {
+        setTimeout(() => router.push(`/lms/courses/${response.data.id}`), 400);
       }
 
       await refetchCourses();
@@ -1276,14 +1214,14 @@ export default function CursosPage() {
                                   <DropdownMenuItem
                                     onClick={(e) => {
                                       e.stopPropagation();
-                                      router.push(`/lms/courses/${curso.id}`);
+                                      goToCourseDetails(curso, e);
                                     }}
                                   >
                                     <Eye className="mr-2 size-4" />{' '}
                                     {t('table.actions.viewDetails')}
                                   </DropdownMenuItem>
                                   <DropdownMenuItem
-                                    onClick={(e) => openEditSheet(curso, e)}
+                                    onClick={(e) => goToCourseDetails(curso, e)}
                                   >
                                     <Pencil className="mr-2 size-4" />{' '}
                                     {t('table.actions.edit')}
@@ -1476,15 +1414,13 @@ export default function CursosPage() {
                             </DropdownMenuTrigger>
                             <DropdownMenuContent align="end" className="w-48">
                               <DropdownMenuItem
-                                onClick={() =>
-                                  router.push(`/lms/courses/${curso.id}`)
-                                }
+                                onClick={(e) => goToCourseDetails(curso, e)}
                               >
                                 <Eye className="mr-2 size-4" />{' '}
                                 {t('table.actions.viewDetails')}
                               </DropdownMenuItem>
                               <DropdownMenuItem
-                                onClick={() => openEditSheet(curso)}
+                                onClick={(e) => goToCourseDetails(curso, e)}
                               >
                                 <Pencil className="mr-2 size-4" />{' '}
                                 {t('table.actions.edit')}
@@ -1529,21 +1465,18 @@ export default function CursosPage() {
         </div>
       )}
 
-      {/* ── Create / Edit Sheet ────────────────────────────────────────────── */}
+      {/* ── Create Sheet ───────────────────────────────────────────────────── */}
       <CourseFormSheet
-        key={editingCurso ? `edit-${editingCurso.id}` : 'new'}
+        key="new"
         open={sheetOpen}
-        onOpenChange={(open) => {
-          setSheetOpen(open);
-          if (!open) setEditingCurso(null);
-        }}
-        editing={!!editingCurso}
+        onOpenChange={setSheetOpen}
+        editing={false}
         saving={saving}
         form={form}
         onSubmit={onSubmit}
         categories={categoryOptions}
         onCreateCategory={openCreateCategorySheet}
-        initialLogoFileId={editingCurso?.logoFileId ?? null}
+        initialLogoFileId={null}
         t={t}
       />
 

package/hedhog/frontend/app/enterprise/page.tsx.ejs

@@ -588,12 +588,24 @@ export default function EnterprisePage() {
 
                 {/* CRM */}
                 {account.crmAccountName && (
-                  <p className="truncate text-xs text-muted-foreground">
-                    <span className="font-medium">
-                      {t.has('labels.crm') ? t('labels.crm') : 'CRM'}:
-                    </span>{' '}
-                    {account.crmAccountName}
-                  </p>
+                  <div className="flex items-center gap-1.5 text-xs text-muted-foreground">
+                    <Avatar className="h-4 w-4 shrink-0 rounded-full">
+                      <AvatarImage
+                        src={getPersonAvatarUrl(account.crmAccount?.avatarId ?? null)}
+                        alt={account.crmAccountName}
+                        className="object-cover"
+                      />
+                      <AvatarFallback className="bg-slate-100 text-[8px] font-semibold uppercase text-slate-700">
+                        {getInitials(account.crmAccountName)}
+                      </AvatarFallback>
+                    </Avatar>
+                    <p className="truncate">
+                      <span className="font-medium">
+                        {t.has('labels.crm') ? t('labels.crm') : 'CRM'}:
+                      </span>{' '}
+                      {account.crmAccountName}
+                    </p>
+                  </div>
                 )}
 
                 {/* Stats grid */}

package/hedhog/frontend/app/exams/[id]/page.tsx.ejs

@@ -1,11 +1,12 @@
 import { redirect } from 'next/navigation';
 
 type ExamPageProps = {
-  params: {
+  params: Promise<{
     id: string;
-  };
+  }>;
 };
 
-export default function ExamPage({ params }: ExamPageProps) {
-  redirect(`/lms/exams/${params.id}/questions`);
+export default async function ExamPage({ params }: ExamPageProps) {
+  const { id } = await params;
+  redirect(`/lms/exams/${id}/questions`);
 }

package/hedhog/frontend/app/instructors/_components/instructor-form-sheet.tsx.ejs

@@ -325,7 +325,7 @@ export function InstructorFormSheet({
       }
 
       const params = new URLSearchParams({
-        page: String(turmasPage),
+        page: String(Math.max(turmasPage, 1)),
         pageSize: String(TURMAS_PAGE_SIZE),
       });
 
@@ -350,12 +350,9 @@ export function InstructorFormSheet({
     placeholderData: (prev) => prev,
   });
   const turmasData = turmasResult?.data ?? [];
-  const turmasLastPage = turmasResult?.lastPage ?? 1;
+  const turmasLastPage = Math.max(turmasResult?.lastPage ?? 1, 1);
 
-  const {
-    data: avaliacoesResult,
-    isLoading: loadingAvaliacoes,
-  } = useQuery<{
+  const { data: avaliacoesResult, isLoading: loadingAvaliacoes } = useQuery<{
     data: EvaluationItem[];
     total: number;
     lastPage: number;
@@ -399,6 +396,11 @@ export function InstructorFormSheet({
   useEffect(() => {
     if (turmasPage > turmasLastPage) {
       setTurmasPage(turmasLastPage);
+      return;
+    }
+
+    if (turmasPage < 1) {
+      setTurmasPage(1);
     }
   }, [turmasLastPage, turmasPage]);
 
@@ -1170,7 +1172,7 @@ export function InstructorFormSheet({
                         variant="outline"
                         size="icon"
                         disabled={turmasPage <= 1}
-                        onClick={() => setTurmasPage((p) => p - 1)}
+                        onClick={() => setTurmasPage((p) => Math.max(p - 1, 1))}
                       >
                         <ChevronLeft className="h-4 w-4" />
                       </Button>
@@ -1182,7 +1184,9 @@ export function InstructorFormSheet({
                         variant="outline"
                         size="icon"
                         disabled={turmasPage >= turmasLastPage}
-                        onClick={() => setTurmasPage((p) => p + 1)}
+                        onClick={() =>
+                          setTurmasPage((p) => Math.min(p + 1, turmasLastPage))
+                        }
                       >
                         <ChevronRight className="h-4 w-4" />
                       </Button>
@@ -1249,7 +1253,8 @@ export function InstructorFormSheet({
                                   />
                                 ))}
                                 <span className="ml-1 text-xs font-medium tabular-nums text-muted-foreground">
-                                  {ev.score.toFixed(1)}{t('form.evaluations.of')}10
+                                  {ev.score.toFixed(1)}
+                                  {t('form.evaluations.of')}10
                                 </span>
                               </div>
                             </div>
@@ -1272,7 +1277,8 @@ export function InstructorFormSheet({
                             {/* Evaluator + date */}
                             <div className="flex items-center gap-2 text-xs text-muted-foreground">
                               <span>
-                                {ev.evaluatorName ?? t('form.evaluations.anonymous')}
+                                {ev.evaluatorName ??
+                                  t('form.evaluations.anonymous')}
                               </span>
                               <span>·</span>
                               <span>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/lms",
-  "version": "0.0.357",
+  "version": "0.0.358",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -9,16 +9,16 @@
     "@nestjs/core": "^11",
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
-    "@hed-hog/api-prisma": "0.0.6",
-    "@hed-hog/api-types": "0.0.1",
     "@hed-hog/api": "0.0.8",
-    "@hed-hog/category": "0.0.356",
+    "@hed-hog/api-prisma": "0.0.6",
     "@hed-hog/api-locale": "0.0.14",
+    "@hed-hog/api-types": "0.0.1",
     "@hed-hog/api-pagination": "0.0.7",
-    "@hed-hog/crm": "0.0.356",
-    "@hed-hog/finance": "0.0.356",
-    "@hed-hog/core": "0.0.356",
-    "@hed-hog/queue": "0.0.356"
+    "@hed-hog/crm": "0.0.358",
+    "@hed-hog/category": "0.0.358",
+    "@hed-hog/queue": "0.0.358",
+    "@hed-hog/finance": "0.0.358",
+    "@hed-hog/core": "0.0.358"
   },
   "exports": {
     ".": {