@hed-hog/lms 0.0.329 → 0.0.331

package/hedhog/frontend/app/enterprise/_components/enterprise-classes-tab.tsx.ejs

@@ -22,6 +22,7 @@ import { formatDate } from '@/lib/format-date';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { CalendarDays, SquareArrowOutUpRight, Trash2 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
+import { useTranslations } from 'next-intl';
 import { useCallback, useState } from 'react';
 import { toast } from 'sonner';
 import { EnterpriseClassCreateSheet } from './enterprise-class-create-sheet';
@@ -93,6 +94,7 @@ export function ClassesTab({
 }) {
   const router = useRouter();
   const { request, currentLocaleCode, getSettingValue } = useApp();
+  const t = useTranslations('lms.EnterpriseDetailPage.relatedClasses');
 
   const [search, setSearch] = useState('');
   const [statusFilter, setStatusFilter] = useState<
@@ -144,11 +146,11 @@ export function ClassesTab({
         url: `/lms/enterprise/${enterpriseId}/classes/${classGroupId}`,
         method: 'DELETE',
       });
-      toast.success('Class removed from enterprise.');
+      toast.success(t('messages.removeSuccess'));
       refetch();
       onMutate?.();
     } catch {
-      toast.error('Failed to remove class.');
+      toast.error(t('messages.removeError'));
     }
   }
 
@@ -168,7 +170,7 @@ export function ClassesTab({
       refetch();
       onMutate?.();
     } catch {
-      toast.error('Failed to add class.');
+      toast.error(t('messages.addError'));
     }
   }
 
@@ -180,7 +182,7 @@ export function ClassesTab({
           setSearch(v);
           setPage(1);
         }}
-        searchPlaceholder="Search by code or course..."
+        searchPlaceholder={t('searchPlaceholder')}
         filters={
           <Select
             value={statusFilter}
@@ -190,19 +192,19 @@ export function ClassesTab({
             }}
           >
             <SelectTrigger className="w-44">
-              <SelectValue placeholder="All statuses" />
+              <SelectValue placeholder={t('filters.allStatuses')} />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="all">All statuses</SelectItem>
-              <SelectItem value="open">Open</SelectItem>
-              <SelectItem value="ongoing">Ongoing</SelectItem>
-              <SelectItem value="completed">Completed</SelectItem>
-              <SelectItem value="cancelled">Cancelled</SelectItem>
+              <SelectItem value="all">{t('filters.allStatuses')}</SelectItem>
+              <SelectItem value="open">{t('status.open')}</SelectItem>
+              <SelectItem value="ongoing">{t('status.ongoing')}</SelectItem>
+              <SelectItem value="completed">{t('status.completed')}</SelectItem>
+              <SelectItem value="cancelled">{t('status.cancelled')}</SelectItem>
             </SelectContent>
           </Select>
         }
-        pickerPlaceholder="Select a class..."
-        pickerEntityLabel="class"
+        pickerPlaceholder={t('pickerPlaceholder')}
+        pickerEntityLabel={t('pickerEntityLabel')}
         pickerValue={pickerValue}
         onPickerChange={(value, option) => {
           setPickerValue(value);
@@ -236,9 +238,9 @@ export function ClassesTab({
           </div>
         )}
         onCreateNew={() => setCreateSheetOpen(true)}
-        createLabel="Create new class"
+        createLabel={t('actions.create')}
         onAdd={handleAdd}
-        addLabel="Add"
+        addLabel={t('actions.add')}
         addDisabled={!pickerClass}
         currentPage={page}
         pageSize={pageSize}
@@ -253,10 +255,10 @@ export function ClassesTab({
           <div className="flex flex-col items-center justify-center py-16 text-center">
             <CalendarDays className="mb-4 h-10 w-10 text-muted-foreground/30" />
             <p className="text-sm font-medium text-muted-foreground">
-              No classes found.
+              {t('empty.title')}
             </p>
             <p className="mt-1 text-xs text-muted-foreground/60">
-              Adjust the search or status filter to see results.
+              {t('empty.description')}
             </p>
           </div>
         ) : (
@@ -264,10 +266,10 @@ export function ClassesTab({
             <Table>
               <TableHeader>
                 <TableRow>
-                  <TableHead>Class</TableHead>
-                  <TableHead>Status</TableHead>
-                  <TableHead>Period</TableHead>
-                  <TableHead className="text-center">Capacity</TableHead>
+                  <TableHead>{t('table.class')}</TableHead>
+                  <TableHead>{t('table.status')}</TableHead>
+                  <TableHead>{t('table.period')}</TableHead>
+                  <TableHead className="text-center">{t('table.capacity')}</TableHead>
                   <TableHead className="w-10" />
                 </TableRow>
               </TableHeader>

package/hedhog/frontend/app/enterprise/_components/enterprise-course-create-sheet.tsx.ejs

@@ -77,7 +77,7 @@ export function EnterpriseCourseCreateSheet({
   enterpriseId,
   onCreated,
 }: EnterpriseCourseCreateSheetProps) {
-  const t = useTranslations('lms.CoursesPage');
+  const t = useTranslations('lms.EnterprisePage');
   const { request } = useApp();
   const [saving, setSaving] = useState(false);
 
@@ -159,11 +159,11 @@ export function EnterpriseCourseCreateSheet({
         data: { course_id: created.id },
       });
 
-      toast.success(t('toasts.courseCreated'));
+      toast.success(t('form.toasts.courseCreated'));
       onCreated?.();
       onOpenChange(false);
     } catch {
-      toast.error('Não foi possível criar o curso.');
+      toast.error(t('form.toasts.courseCreateError'));
     } finally {
       setSaving(false);
     }

package/hedhog/frontend/app/enterprise/_components/enterprise-courses-tab.tsx.ejs

@@ -22,6 +22,7 @@ import { formatDate } from '@/lib/format-date';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { BookOpen, SquareArrowOutUpRight, Trash2 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
+import { useTranslations } from 'next-intl';
 import { useCallback, useState } from 'react';
 import { toast } from 'sonner';
 import { EnterpriseCourseCreateSheet } from './enterprise-course-create-sheet';
@@ -89,6 +90,7 @@ export function CoursesTab({
 }) {
   const router = useRouter();
   const { request, getSettingValue, currentLocaleCode } = useApp();
+  const t = useTranslations('lms.EnterpriseDetailPage.relatedCourses');
 
   const [search, setSearch] = useState('');
   const [statusFilter, setStatusFilter] = useState<
@@ -142,11 +144,11 @@ export function CoursesTab({
         url: `/lms/enterprise/${enterpriseId}/courses/${courseId}`,
         method: 'DELETE',
       });
-      toast.success('Course removed from enterprise.');
+      toast.success(t('messages.removeSuccess'));
       refetch();
       onMutate?.();
     } catch {
-      toast.error('Failed to remove course.');
+      toast.error(t('messages.removeError'));
     }
   }
 
@@ -163,7 +165,7 @@ export function CoursesTab({
       refetch();
       onMutate?.();
     } catch {
-      toast.error('Failed to add course.');
+      toast.error(t('messages.addError'));
     }
   }
 
@@ -175,7 +177,7 @@ export function CoursesTab({
           setSearch(v);
           setPage(1);
         }}
-        searchPlaceholder="Search by course name..."
+        searchPlaceholder={t('searchPlaceholder')}
         filters={
           <Select
             value={statusFilter}
@@ -185,18 +187,18 @@ export function CoursesTab({
             }}
           >
             <SelectTrigger className="w-40">
-              <SelectValue placeholder="All statuses" />
+              <SelectValue placeholder={t('filters.allStatuses')} />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="all">All statuses</SelectItem>
-              <SelectItem value="published">Published</SelectItem>
-              <SelectItem value="draft">Draft</SelectItem>
-              <SelectItem value="archived">Archived</SelectItem>
+              <SelectItem value="all">{t('filters.allStatuses')}</SelectItem>
+              <SelectItem value="published">{t('status.published')}</SelectItem>
+              <SelectItem value="draft">{t('status.draft')}</SelectItem>
+              <SelectItem value="archived">{t('status.archived')}</SelectItem>
             </SelectContent>
           </Select>
         }
-        pickerPlaceholder="Select a course..."
-        pickerEntityLabel="course"
+        pickerPlaceholder={t('pickerPlaceholder')}
+        pickerEntityLabel={t('pickerEntityLabel')}
         pickerValue={pickerValue}
         onPickerChange={(value, option) => {
           setPickerValue(value);
@@ -228,9 +230,9 @@ export function CoursesTab({
           </div>
         )}
         onCreateNew={() => setCreateSheetOpen(true)}
-        createLabel="Create new course"
+        createLabel={t('actions.create')}
         onAdd={handleAdd}
-        addLabel="Add"
+        addLabel={t('actions.add')}
         addDisabled={!pickerCourse}
         currentPage={page}
         pageSize={pageSize}
@@ -245,10 +247,10 @@ export function CoursesTab({
           <div className="flex flex-col items-center justify-center py-16 text-center">
             <BookOpen className="mb-4 h-10 w-10 text-muted-foreground/30" />
             <p className="text-sm font-medium text-muted-foreground">
-              No courses found.
+              {t('empty.title')}
             </p>
             <p className="mt-1 text-xs text-muted-foreground/60">
-              Adjust the search or status filter to see results.
+              {t('empty.description')}
             </p>
           </div>
         ) : (
@@ -256,10 +258,10 @@ export function CoursesTab({
             <Table>
               <TableHeader>
                 <TableRow>
-                  <TableHead>Course</TableHead>
-                  <TableHead>Modality</TableHead>
-                  <TableHead>Status</TableHead>
-                  <TableHead>Contracted</TableHead>
+                  <TableHead>{t('table.course')}</TableHead>
+                  <TableHead>{t('table.modality')}</TableHead>
+                  <TableHead>{t('table.status')}</TableHead>
+                  <TableHead>{t('table.contracted')}</TableHead>
                   <TableHead className="w-10" />
                 </TableRow>
               </TableHeader>

package/hedhog/frontend/app/enterprise/_components/enterprise-sheet.tsx.ejs

@@ -30,6 +30,7 @@ import { Switch } from '@/components/ui/switch';
 import { Textarea } from '@/components/ui/textarea';
 import { useApp } from '@hed-hog/next-app-provider';
 import { zodResolver } from '@hookform/resolvers/zod';
+import { useTranslations } from 'next-intl';
 import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { toast } from 'sonner';
@@ -86,6 +87,7 @@ export function EnterpriseSheet({
 }: EnterpriseSheetProps) {
   const isEditing = Boolean(editingAccount);
   const { request } = useApp();
+  const t = useTranslations('lms.EnterprisePage.sheet');
 
   const form = useForm<EnterpriseFormValues>({
     resolver: zodResolver(enterpriseSchema),
@@ -163,14 +165,12 @@ export function EnterpriseSheet({
 
       onSave?.(values, isEditing);
       toast.success(
-        isEditing
-          ? 'Account updated successfully.'
-          : 'Account created successfully.'
+        isEditing ? t('messages.updateSuccess') : t('messages.createSuccess')
       );
       onOpenChange(false);
     } catch {
       toast.error(
-        isEditing ? 'Failed to update account.' : 'Failed to create account.'
+        isEditing ? t('messages.updateError') : t('messages.createError')
       );
     }
   }
@@ -180,12 +180,10 @@ export function EnterpriseSheet({
       <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
         <SheetHeader>
           <SheetTitle>
-            {isEditing ? 'Edit enterprise account' : 'New enterprise account'}
+            {isEditing ? t('editTitle') : t('createTitle')}
           </SheetTitle>
           <SheetDescription>
-            {isEditing
-              ? 'Update the corporate account details below.'
-              : 'Register a new corporate account in the LMS platform.'}
+            {isEditing ? t('editDescription') : t('createDescription')}
           </SheetDescription>
         </SheetHeader>
 
@@ -200,9 +198,9 @@ export function EnterpriseSheet({
               name="name"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Name</FormLabel>
+                  <FormLabel>{t('fields.name')}</FormLabel>
                   <FormControl>
-                    <Input placeholder="e.g. Techcorp Brasil" {...field} />
+                    <Input placeholder={t('fields.namePlaceholder')} {...field} />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -215,13 +213,12 @@ export function EnterpriseSheet({
               name="slug"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Slug / Internal code</FormLabel>
+                  <FormLabel>{t('fields.slug')}</FormLabel>
                   <FormControl>
-                    <Input placeholder="techcorp-brasil" {...field} />
+                    <Input placeholder={t('fields.slugPlaceholder')} {...field} />
                   </FormControl>
                   <FormDescription>
-                    Unique identifier used internally and in URLs. Auto-filled
-                    from the name when creating.
+                    {t('fields.slugDescription')}
                   </FormDescription>
                   <FormMessage />
                 </FormItem>
@@ -234,17 +231,17 @@ export function EnterpriseSheet({
               name="status"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Status</FormLabel>
+                  <FormLabel>{t('fields.status')}</FormLabel>
                   <FormControl>
                     <Select value={field.value} onValueChange={field.onChange}>
                       <SelectTrigger className="w-full">
                         <SelectValue />
                       </SelectTrigger>
                       <SelectContent>
-                        <SelectItem value="active">Active</SelectItem>
-                        <SelectItem value="trial">Trial</SelectItem>
-                        <SelectItem value="inactive">Inactive</SelectItem>
-                        <SelectItem value="suspended">Suspended</SelectItem>
+                        <SelectItem value="active">{t('status.active')}</SelectItem>
+                        <SelectItem value="trial">{t('status.trial')}</SelectItem>
+                        <SelectItem value="inactive">{t('status.inactive')}</SelectItem>
+                        <SelectItem value="suspended">{t('status.suspended')}</SelectItem>
                       </SelectContent>
                     </Select>
                   </FormControl>
@@ -262,11 +259,11 @@ export function EnterpriseSheet({
                   shouldValidate: true,
                 })
               }
-              label="Empresa"
-              placeholder="Selecionar empresa..."
-              searchPlaceholder="Buscar por nome..."
-              emptyLabel="Nenhuma empresa vinculada"
-              entityLabel="empresa"
+              label={t('fields.company')}
+              placeholder={t('fields.companyPlaceholder')}
+              searchPlaceholder={t('fields.companySearchPlaceholder')}
+              emptyLabel={t('fields.companyEmpty')}
+              entityLabel={t('fields.companyEntity')}
               clearable
               valueType="number"
               loadOptions={async ({ page, pageSize, search }) => {
@@ -290,8 +287,8 @@ export function EnterpriseSheet({
               createFields={[
                 {
                   name: 'name',
-                  label: 'Nome',
-                  placeholder: 'Ex: Techcorp Brasil Ltda',
+                  label: t('fields.companyCreateName'),
+                  placeholder: t('fields.companyCreateNamePlaceholder'),
                   required: true,
                 },
               ]}
@@ -317,11 +314,10 @@ export function EnterpriseSheet({
                 <FormItem className="flex items-center justify-between rounded-lg border px-4 py-3">
                   <div className="space-y-0.5">
                     <FormLabel className="text-sm font-medium">
-                      Portal enabled
+                      {t('fields.portalEnabled')}
                     </FormLabel>
                     <FormDescription className="text-xs">
-                      Allow this account to access the self-service learning
-                      portal.
+                      {t('fields.portalEnabledDescription')}
                     </FormDescription>
                   </div>
                   <FormControl>
@@ -340,12 +336,12 @@ export function EnterpriseSheet({
               name="licenseLimit"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>License limit</FormLabel>
+                  <FormLabel>{t('fields.licenseLimit')}</FormLabel>
                   <FormControl>
                     <Input
                       type="number"
                       min={1}
-                      placeholder="e.g. 500 — leave blank for unlimited"
+                      placeholder={t('fields.licenseLimitPlaceholder')}
                       value={field.value ?? ''}
                       onChange={(e) =>
                         field.onChange(
@@ -355,7 +351,7 @@ export function EnterpriseSheet({
                     />
                   </FormControl>
                   <FormDescription>
-                    Maximum number of active users. Leave blank for unlimited.
+                    {t('fields.licenseLimitDescription')}
                   </FormDescription>
                   <FormMessage />
                 </FormItem>
@@ -368,10 +364,10 @@ export function EnterpriseSheet({
               name="notes"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Notes</FormLabel>
+                  <FormLabel>{t('fields.notes')}</FormLabel>
                   <FormControl>
                     <Textarea
-                      placeholder="Internal notes about this account..."
+                      placeholder={t('fields.notesPlaceholder')}
                       rows={3}
                       {...field}
                       value={field.value ?? ''}
@@ -384,9 +380,11 @@ export function EnterpriseSheet({
 
             <FormActions
               sheet
-              cancelLabel="Cancel"
+              cancelLabel={t('actions.cancel')}
               onCancel={() => onOpenChange(false)}
-              submitLabel={isEditing ? 'Save changes' : 'Create account'}
+              submitLabel={
+                isEditing ? t('actions.saveChanges') : t('actions.create')
+              }
               submitType="submit"
             />
           </form>

package/hedhog/frontend/app/enterprise/_components/enterprise-student-create-sheet.tsx.ejs

@@ -21,6 +21,7 @@ import {
 import { useApp } from '@hed-hog/next-app-provider';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Loader2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { toast } from 'sonner';
@@ -57,6 +58,7 @@ export function EnterpriseStudentCreateSheet({
   onOpenChange,
   onCreated,
 }: EnterpriseStudentCreateSheetProps) {
+  const t = useTranslations('lms.EnterprisePage');
   const { request } = useApp();
   const [saving, setSaving] = useState(false);
 
@@ -90,7 +92,7 @@ export function EnterpriseStudentCreateSheet({
       onCreated?.(personId);
       handleOpenChange(false);
     } catch {
-      toast.error('Failed to create person.');
+      toast.error(t('sheet.studentCreated'));
     } finally {
       setSaving(false);
     }

package/hedhog/frontend/app/enterprise/_components/enterprise-students-tab.tsx.ejs

@@ -15,6 +15,7 @@ import {
 import { formatDate } from '@/lib/format-date';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { Trash2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useCallback, useState } from 'react';
 import { toast } from 'sonner';
 import {
@@ -39,6 +40,7 @@ export function StudentsTab({
   enterpriseId: number;
   onMutate?: () => void;
 }) {
+  const t = useTranslations('lms.EnterprisePage');
   const { request, getSettingValue, currentLocaleCode } = useApp();
   const [search, setSearch] = useState('');
   const [page, setPage] = useState(1);
@@ -93,7 +95,7 @@ export function StudentsTab({
       refetch();
       onMutate?.();
     } catch {
-      toast.error('Failed to add student.');
+      toast.error(t('sheet.studentAddError'));
     }
   }
 
@@ -107,9 +109,9 @@ export function StudentsTab({
       onMutate?.();
     });
     toast.promise(promise, {
-      loading: 'Removing student…',
-      success: 'Student removed.',
-      error: 'Failed to remove student.',
+      loading: t('sheet.studentRemoving'),
+      success: t('sheet.studentRemoved'),
+      error: t('sheet.studentRemoveError'),
     });
     try {
       await promise;
@@ -255,7 +257,7 @@ export function StudentsTab({
               data: { person_id: personId, status: 'active' },
             });
           } catch {
-            toast.error('Person created but failed to link to enterprise.');
+            toast.error(t('sheet.studentLinkError'));
           }
           setCreateSheetOpen(false);
           refetch();