@hed-hog/lms 0.0.279 → 0.0.286

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

@@ -1,6 +1,11 @@
 'use client';
 
-import { Page, PageHeader } from '@/components/entity-list';
+import {
+  EmptyState,
+  Page,
+  PageHeader,
+  PaginationFooter,
+} from '@/components/entity-list';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
@@ -46,10 +51,6 @@ import {
   AlertTriangle,
   BarChart3,
   BookOpen,
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsRight,
   Clock,
   Eye,
   FileCheck,
@@ -604,7 +605,7 @@ export default function TrainingPage() {
       </div>
 
       {/* Search bar */}
-      <form onSubmit={handleSearch} className="-mt-4 mb-2">
+      <form onSubmit={handleSearch} className="mb-6 mt-0">
         <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
           <div className="relative flex-1">
             <Search className="absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
@@ -689,17 +690,14 @@ export default function TrainingPage() {
           ))}
         </div>
       ) : filteredFormacoes.length === 0 ? (
-        <div className="flex flex-col items-center justify-center py-20 text-center">
-          <GraduationCap className="mb-4 size-12 text-muted-foreground/40" />
-          <p className="text-lg font-medium">{t('empty.title')}</p>
-          <p className="mt-1 text-sm text-muted-foreground">
-            {t('empty.description')}
-          </p>
-          <Button className="mt-6 gap-2" onClick={openCreateSheet}>
-            <Plus className="size-4" />
-            {t('empty.action')}
-          </Button>
-        </div>
+        <EmptyState
+          icon={<GraduationCap className="h-12 w-12" />}
+          title={t('empty.title')}
+          description={t('empty.description')}
+          actionLabel={t('empty.action')}
+          onAction={openCreateSheet}
+          actionIcon={<Plus className="mr-2 h-4 w-4" />}
+        />
       ) : (
         <motion.div
           className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
@@ -719,7 +717,7 @@ export default function TrainingPage() {
             return (
               <motion.div key={formacao.id} variants={fadeUp}>
                 <Card
-                  className="group relative cursor-pointer overflow-hidden transition-all duration-200 hover:shadow-md hover:-translate-y-0.5 min-h-[240px] max-h-[270px] flex flex-col"
+                  className="group relative flex min-h-60 max-h-[270px] cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md"
                   onClick={() => handleCardClick(formacao)}
                   title={t('cards.tooltip')}
                 >
@@ -840,86 +838,18 @@ export default function TrainingPage() {
 
       {/* Pagination footer */}
       {!loading && filteredFormacoes.length > 0 && (
-        <div className="mt-6 flex flex-col items-center justify-between gap-4 sm:flex-row">
-          <p className="text-sm text-muted-foreground">
-            {filteredFormacoes.length}{' '}
-            {filteredFormacoes.length !== 1
-              ? t('pagination.formacoes')
-              : t('pagination.formacao')}{' '}
-            {t('pagination.found')}
-            {filteredFormacoes.length !== 1 ? t('pagination.foundPlural') : ''}
-          </p>
-          <div className="flex items-center gap-1">
-            <Button
-              variant="outline"
-              size="icon"
-              className="size-8"
-              onClick={() => setCurrentPage(1)}
-              disabled={safePage === 1}
-              aria-label={t('pagination.firstPage')}
-            >
-              <ChevronsLeft className="size-4" />
-            </Button>
-            <Button
-              variant="outline"
-              size="icon"
-              className="size-8"
-              onClick={() => setCurrentPage((p) => p - 1)}
-              disabled={safePage === 1}
-              aria-label={t('pagination.previousPage')}
-            >
-              <ChevronLeft className="size-4" />
-            </Button>
-            <span className="px-3 text-sm">
-              {t('pagination.page')}{' '}
-              <span className="font-semibold">{safePage}</span>{' '}
-              {t('pagination.of')}{' '}
-              <span className="font-semibold">{totalPages}</span>
-            </span>
-            <Button
-              variant="outline"
-              size="icon"
-              className="size-8"
-              onClick={() => setCurrentPage((p) => p + 1)}
-              disabled={safePage === totalPages}
-              aria-label={t('pagination.nextPage')}
-            >
-              <ChevronRight className="size-4" />
-            </Button>
-            <Button
-              variant="outline"
-              size="icon"
-              className="size-8"
-              onClick={() => setCurrentPage(totalPages)}
-              disabled={safePage === totalPages}
-              aria-label={t('pagination.lastPage')}
-            >
-              <ChevronsRight className="size-4" />
-            </Button>
-          </div>
-          <div className="flex items-center gap-2 text-sm">
-            <span className="text-muted-foreground">
-              {t('pagination.itemsPerPage')}
-            </span>
-            <Select
-              value={String(pageSize)}
-              onValueChange={(v) => {
-                setPageSize(Number(v));
-                setCurrentPage(1);
-              }}
-            >
-              <SelectTrigger className="h-8 w-16 text-sm">
-                <SelectValue />
-              </SelectTrigger>
-              <SelectContent>
-                {PAGE_SIZES.map((s) => (
-                  <SelectItem key={s} value={String(s)}>
-                    {s}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
+        <div className="mt-6">
+          <PaginationFooter
+            currentPage={safePage}
+            pageSize={pageSize}
+            totalItems={filteredFormacoes.length}
+            onPageChange={setCurrentPage}
+            onPageSizeChange={(nextSize) => {
+              setPageSize(nextSize);
+              setCurrentPage(1);
+            }}
+            pageSizeOptions={PAGE_SIZES}
+          />
         </div>
       )}
 
@@ -1083,7 +1013,7 @@ export default function TrainingPage() {
                 {availableCursos.map((c) => (
                   <label
                     key={c.id}
-                    className="flex cursor-pointer items-center justify-between border-b p-2.5 last:border-0 hover:bg-muted has-[:checked]:bg-muted/50"
+                    className="flex cursor-pointer items-center justify-between border-b p-2.5 last:border-0 hover:bg-muted has-checked:bg-muted/50"
                   >
                     <div className="flex items-center gap-2">
                       <Checkbox

package/hedhog/frontend/messages/en.json

@@ -85,13 +85,19 @@
           "label": "Course Logo",
           "description": "Square image, max 5MB (PNG, JPG)",
           "change": "Change",
-          "clickToUpload": "Click to upload"
+          "remove": "Remove",
+          "clickToUpload": "Click to upload",
+          "emptyTitle": "No logo uploaded",
+          "previewAlt": "Course logo preview"
         },
         "banner": {
           "label": "Course Banner",
           "description": "16:9 image, max 5MB (PNG, JPG)",
           "change": "Change",
-          "clickToUpload": "Click to upload"
+          "remove": "Remove",
+          "clickToUpload": "Click to upload",
+          "emptyTitle": "No banner uploaded",
+          "previewAlt": "Course banner preview"
         },
         "certificateModel": {
           "label": "Certificate Model",
@@ -507,7 +513,8 @@
         "merge": "Merge with another session",
         "mergeWith": "Merge lessons with:",
         "delete": "Delete session",
-        "noLessons": "No lessons in this session"
+        "noLessons": "No lessons in this session",
+        "noLessonsDescription": "Create the first lesson to start building this session content."
       },
       "lesson": {
         "dragSession": "Drag session",
@@ -1377,7 +1384,10 @@
         },
         "empty": {
           "notFound": "No student found",
-          "notEnrolled": "No enrolled students"
+          "notFoundDescription": "Try adjusting the search to find students in this class.",
+          "clearSearch": "Clear search",
+          "notEnrolled": "No enrolled students",
+          "notEnrolledDescription": "Add the first student to start managing this class."
         },
         "menu": {
           "viewProfile": "View profile",

package/hedhog/frontend/messages/pt.json

@@ -85,13 +85,19 @@
           "label": "Logo do Curso",
           "description": "Imagem quadrada, máx 5MB (PNG, JPG)",
           "change": "Trocar",
-          "clickToUpload": "Clique para enviar"
+          "remove": "Remover",
+          "clickToUpload": "Clique para enviar",
+          "emptyTitle": "Nenhum logo enviado",
+          "previewAlt": "Pré-visualização do logo do curso"
         },
         "banner": {
           "label": "Banner do Curso",
           "description": "Imagem 16:9, máx 5MB (PNG, JPG)",
           "change": "Trocar",
-          "clickToUpload": "Clique para enviar"
+          "remove": "Remover",
+          "clickToUpload": "Clique para enviar",
+          "emptyTitle": "Nenhum banner enviado",
+          "previewAlt": "Pré-visualização do banner do curso"
         },
         "certificateModel": {
           "label": "Modelo de Certificado",
@@ -507,7 +513,8 @@
         "merge": "Mesclar com outra sessão",
         "mergeWith": "Mesclar aulas com:",
         "delete": "Excluir sessão",
-        "noLessons": "Nenhuma aula nesta sessão"
+        "noLessons": "Nenhuma aula nesta sessão",
+        "noLessonsDescription": "Crie a primeira aula para começar a montar o conteúdo desta sessão."
       },
       "lesson": {
         "dragSession": "Arrastar sessão",
@@ -1377,7 +1384,10 @@
         },
         "empty": {
           "notFound": "Nenhum aluno encontrado",
-          "notEnrolled": "Nenhum aluno matriculado"
+          "notFoundDescription": "Tente ajustar a busca para localizar alunos desta turma.",
+          "clearSearch": "Limpar busca",
+          "notEnrolled": "Nenhum aluno matriculado",
+          "notEnrolledDescription": "Adicione o primeiro aluno para começar a gerenciar a turma."
         },
         "menu": {
           "viewProfile": "Ver perfil",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/lms",
-  "version": "0.0.279",
+  "version": "0.0.286",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -10,14 +10,14 @@
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
     "@hed-hog/api": "0.0.4",
-    "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/contact": "0.0.279",
+    "@hed-hog/core": "0.0.286",
+    "@hed-hog/contact": "0.0.286",
     "@hed-hog/api-pagination": "0.0.6",
     "@hed-hog/api-prisma": "0.0.5",
-    "@hed-hog/category": "0.0.279",
+    "@hed-hog/finance": "0.0.286",
+    "@hed-hog/api-types": "0.0.1",
     "@hed-hog/api-locale": "0.0.13",
-    "@hed-hog/core": "0.0.279",
-    "@hed-hog/finance": "0.0.279"
+    "@hed-hog/category": "0.0.286"
   },
   "exports": {
     ".": {