@hed-hog/core 0.0.279 → 0.0.285

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

@@ -1,6 +1,8 @@
 'use client';
 
 import {
+  EmptyState,
+  Page,
   PageHeader,
   PaginationFooter,
   SearchBar,
@@ -25,13 +27,6 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
 import {
   Form,
   FormControl,
@@ -422,7 +417,7 @@ export default function UserPage() {
   ];
 
   return (
-    <div className="flex flex-col h-screen px-4">
+    <Page>
       <PageHeader
         breadcrumbs={[{ label: 'Home', href: '/' }, { label: t('users') }]}
         actions={[
@@ -487,10 +482,9 @@ export default function UserPage() {
             { label: t('filterOptionBlocked'), value: 'blocked' },
           ],
         }}
-        className="mt-4"
       />
 
-      <div className="flex-1 pt-4">
+      <div className="flex-1 ">
         {isLoading && (
           <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
             {Array.from({ length: 3 }).map((_, i) => (
@@ -522,7 +516,13 @@ export default function UserPage() {
         )}
 
         {(paginate?.data?.length || 0) === 0 ? (
-          <p className="text-sm text-muted-foreground">{t('noUsersFound')}</p>
+          <EmptyState
+            icon={<Users className="h-12 w-12" />}
+            title={t('noUsersFound')}
+            description={t('description')}
+            actionLabel={t('buttonAddUser')}
+            onAction={() => setIsDialogOpen(true)}
+          />
         ) : (
           <div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
             {paginate?.data?.map((user: User) => (
@@ -1157,36 +1157,29 @@ export default function UserPage() {
                     </Button>
                   </div>
 
-                  <Dialog
+                  <AlertDialog
                     open={openDeleteModal}
                     onOpenChange={setOpenDeleteModal}
                   >
-                    <DialogContent className="sm:max-w-lg">
-                      <DialogHeader>
-                        <DialogTitle>{t('dialogDeleteUserTitle')}</DialogTitle>
-                        <DialogDescription>
+                    <AlertDialogContent>
+                      <AlertDialogHeader>
+                        <AlertDialogTitle>
+                          {t('dialogDeleteUserTitle')}
+                        </AlertDialogTitle>
+                        <AlertDialogDescription>
                           {t('dialogDeleteUserDescription')}
-                        </DialogDescription>
-                      </DialogHeader>
-                      <hr className="mt-4" />
-                      <div className="flex justify-end">
-                        <Button
-                          type="button"
-                          className="px-4 w-28 h-12 py-2 bg-gray-300 text-black hover:bg-gray-300 hover:text-black rounded-sm mr-2 text-md"
-                          onClick={() => setOpenDeleteModal(false)}
-                        >
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
+                      <AlertDialogFooter>
+                        <AlertDialogCancel>
                           {t('deleteUserCancel')}
-                        </Button>
-                        <Button
-                          onClick={onDelete}
-                          variant="destructive"
-                          className="px-4 w-32 h-12 py-2 text-white hover:text-white rounded-sm text-md cursor-pointer"
-                        >
+                        </AlertDialogCancel>
+                        <AlertDialogAction onClick={onDelete}>
                           {t('deleteUserConfirm')}
-                        </Button>
-                      </div>
-                    </DialogContent>
-                  </Dialog>
+                        </AlertDialogAction>
+                      </AlertDialogFooter>
+                    </AlertDialogContent>
+                  </AlertDialog>
                 </TabsContent>
 
                 <TabsContent value="edit" className="space-y-4 mt-4  p-4 pt-0">
@@ -1232,27 +1225,29 @@ export default function UserPage() {
                   value="credentials"
                   className="space-y-4 mt-4  p-4 pt-0"
                 >
-                  <Card className="border-amber-200 bg-amber-50/50">
-                    <CardHeader className="pb-2">
-                      <CardTitle className="text-sm">
+                  <div className="space-y-3 rounded-lg border p-4">
+                    <div>
+                      <h4 className="text-sm font-semibold">
                         {t('passwordResetTitle')}
-                      </CardTitle>
-                      <CardDescription>
+                      </h4>
+                      <p className="text-xs text-muted-foreground mt-1">
                         {t('passwordResetDescription')}
-                      </CardDescription>
-                    </CardHeader>
-                    <CardContent className="flex flex-col gap-3">
-                      <div className="text-xs text-muted-foreground">
-                        {t('passwordResetNotice')}
-                      </div>
-                      <div>
-                        <Button type="button" onClick={openResetPasswordDialog}>
-                          <RefreshCcw className="h-4 w-4 mr-2" />
-                          {t('buttonResetPassword')}
-                        </Button>
-                      </div>
-                    </CardContent>
-                  </Card>
+                      </p>
+                    </div>
+                    <p className="text-xs text-muted-foreground">
+                      {t('passwordResetNotice')}
+                    </p>
+                    <div className="flex flex-col gap-2">
+                      <Button
+                        type="button"
+                        onClick={openResetPasswordDialog}
+                        className="w-full sm:w-fit"
+                      >
+                        <RefreshCcw className="h-4 w-4 mr-2" />
+                        {t('buttonResetPassword')}
+                      </Button>
+                    </div>
+                  </div>
 
                   <div className="space-y-3">
                     <h4 className="text-sm font-medium">
@@ -1422,7 +1417,7 @@ export default function UserPage() {
                     </AlertDialogContent>
                   </AlertDialog>
 
-                  <Dialog
+                  <AlertDialog
                     open={isResetResultDialogOpen}
                     onOpenChange={(open) => {
                       setIsResetResultDialogOpen(open);
@@ -1432,13 +1427,15 @@ export default function UserPage() {
                       }
                     }}
                   >
-                    <DialogContent className="sm:max-w-lg">
-                      <DialogHeader>
-                        <DialogTitle>{t('passwordResultTitle')}</DialogTitle>
-                        <DialogDescription>
+                    <AlertDialogContent>
+                      <AlertDialogHeader>
+                        <AlertDialogTitle>
+                          {t('passwordResultTitle')}
+                        </AlertDialogTitle>
+                        <AlertDialogDescription>
                           {t('passwordResultDescription')}
-                        </DialogDescription>
-                      </DialogHeader>
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
 
                       <div className="space-y-3">
                         <div className="relative">
@@ -1484,8 +1481,8 @@ export default function UserPage() {
                           </Button>
                         </div>
                       </div>
-                    </DialogContent>
-                  </Dialog>
+                    </AlertDialogContent>
+                  </AlertDialog>
                 </TabsContent>
 
                 <TabsContent
@@ -1573,6 +1570,6 @@ export default function UserPage() {
           </Sheet>
         )}
       </div>
-    </div>
+    </Page>
   );
 }

package/hedhog/frontend/messages/en.json

@@ -329,6 +329,9 @@
     "newTemplate": "New Template",
     "title": "Email Templates",
     "description": "Manage your email templates",
+    "searchPlaceholder": "Search templates by slug or subject...",
+    "noTemplatesFound": "No templates found",
+    "noTemplatesHint": "Create your first template to start sending emails.",
     "tableSlug": "Slug",
     "tableSubject": "Subject",
     "tableVariables": "Variables",
@@ -849,6 +852,8 @@
     "noLogsFound": "No email logs found",
     "adjustSearch": "Try adjusting your search terms",
     "noEmailsSent": "No emails have been sent yet",
+    "clearSearch": "Clear search",
+    "refreshList": "Refresh list",
     "viewDetails": "View Details",
     "emailDetails": "Email Details",
     "detailsDescription": "Complete information about the sent email",

package/hedhog/frontend/messages/pt.json

@@ -329,6 +329,9 @@
     "newTemplate": "Novo Template",
     "title": "Templates de E-mail",
     "description": "Gerencie seus templates de e-mail",
+    "searchPlaceholder": "Buscar templates por slug ou assunto...",
+    "noTemplatesFound": "Nenhum template encontrado",
+    "noTemplatesHint": "Crie o primeiro template para começar a enviar e-mails.",
     "tableSlug": "Slug",
     "tableSubject": "Assunto",
     "tableVariables": "Variáveis",
@@ -852,6 +855,8 @@
     "noLogsFound": "Nenhum log de e-mail encontrado",
     "adjustSearch": "Tente ajustar seus termos de busca",
     "noEmailsSent": "Nenhum e-mail foi enviado ainda",
+    "clearSearch": "Limpar busca",
+    "refreshList": "Atualizar lista",
     "viewDetails": "Ver Detalhes",
     "emailDetails": "Detalhes do E-mail",
     "detailsDescription": "Informações completas sobre o e-mail enviado",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/core",
-  "version": "0.0.279",
+  "version": "0.0.285",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -32,10 +32,10 @@
     "uuid": "^11.1.0",
     "@hed-hog/api-pagination": "0.0.6",
     "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/api-locale": "0.0.13",
+    "@hed-hog/api": "0.0.4",
     "@hed-hog/api-mail": "0.0.8",
     "@hed-hog/api-prisma": "0.0.5",
-    "@hed-hog/api": "0.0.4"
+    "@hed-hog/api-locale": "0.0.13"
   },
   "exports": {
     ".": {

package/src/role/guards/role.guard.ts

@@ -2,13 +2,14 @@ import { IS_PUBLIC_KEY, WITH_ROLE } from '@hed-hog/api';
 import { getLocaleText } from '@hed-hog/api-locale';
 import { PrismaService } from '@hed-hog/api-prisma';
 import {
-    CanActivate,
-    ExecutionContext,
-    forwardRef,
-    Inject,
-    Injectable,
-    RequestMethod,
-    UnauthorizedException,
+  CanActivate,
+  ExecutionContext,
+  ForbiddenException,
+  forwardRef,
+  Inject,
+  Injectable,
+  RequestMethod,
+  UnauthorizedException,
 } from '@nestjs/common';
 import { METHOD_METADATA } from '@nestjs/common/constants';
 import { Reflector } from '@nestjs/core';
@@ -130,7 +131,7 @@ export class RoleGuard implements CanActivate {
         .replace('{{method}}', httpMethod)
         .replace('{{path}}', fullPath);
       
-      throw new UnauthorizedException(message);
+      throw new ForbiddenException(message);
     }
 
     const hasPendingPasswordReset = await this.prisma.user_credential.findFirst({