@hedhog/admin 0.51.4 → 0.51.6

package/frontend/dashboard/components/dashboard.screen.tsx.ejs

@@ -1,116 +1,116 @@
-import { PageTitle } from '@/components/custom/page-title'
-import DataPanel from '@/components/panels/data-panel'
-import { useDashboardDelete } from '@/features/admin/dashboard'
-import { useApp } from '@/hooks/use-app'
-import { isPlural } from '@/lib/utils'
-import { Dashboard } from '@/types/models'
-import { IconEdit, IconPlus, IconTrash } from '@tabler/icons-react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import DashboardCreatePanel from './components/dashboard-create-panel'
-import DashboardUpdatePanel from './components/dashboard-update-panel'
-import DashboardCard from '@/components/cards/dashboard-card'
-
-export default function Page() {
-  const [selectedItems, setSelectedItems] = useState<Dashboard[]>([])
-  const { mutate: deleteDashboard } = useDashboardDelete()
-  const { openSheet, confirm, closeSheet } = useApp()
-  const { t } = useTranslation([
-    'dashboard.dashboard',
-    'modules',
-    'actions',
-    'fields',
-  ])
-
-  const openCreate = () => {
-    const id = openSheet({
-      title: t('create', { ns: 'dashboard.dashboard' }),
-      description: t('createText', { ns: 'dashboard.dashboard' }),
-      children: () => <DashboardCreatePanel onCreated={() => closeSheet(id)} />,
-    })
-
-    return id
-  }
-
-  const openDelete = (items: Dashboard[]) => {
-    return confirm({
-      title: `${t('delete', { ns: 'dashboard.dashboard' })} ${items.length} ${isPlural(items.length) ? t('items', { ns: 'actions' }) : t('item', { ns: 'actions' })}`,
-      description: t('deleteText', { ns: 'dashboard.dashboard' }),
-    })
-      .then(() =>
-        deleteDashboard(
-          items
-            .map((item) => (item as any).dashboard_id)
-            .filter((id) => id !== undefined)
-        )
-      )
-      .catch(() => setSelectedItems(items))
-  }
-
-  const openUpdate = (item: Dashboard) => {
-    const id = openSheet({
-      children: () => (
-        <DashboardUpdatePanel data={item} onUpdated={() => closeSheet(id)} />
-      ),
-      title: t('edit', { ns: 'dashboard.dashboard' }),
-      description: t('editText', { ns: 'dashboard.dashboard' }),
-    })
-
-    return id
-  }
-
-  return (
-    <>
-      <PageTitle title={t('dashboard', { ns: 'modules' })} />
-      <DataPanel
-        url='/dashboard'
-        layout='grid'
-        id='dashboard'
-        selectable
-        render={(item: Dashboard) => <DashboardCard item={item} />}
-        responsiveColumns={{
-          default: 1,
-          sm: 2,
-          md: 1,
-          lg: 2,
-          xl: 3,
-        }}
-        selected={selectedItems as Dashboard[]}
-        multiple
-        hasSearch
-        onItemDoubleClick={(item) => openUpdate(item)}
-        menuActions={[
-          {
-            icon: <IconEdit className='mr-1 w-8 cursor-pointer' />,
-            label: t('edit', { ns: 'actions' }),
-            tooltip: t('editTooltip', { ns: 'contact.dashboard' }),
-            handler: (items: Dashboard[]) => {
-              if (items.length === 1) openUpdate(items[0])
-            },
-            show: 'once',
-          },
-          {
-            icon: <IconTrash className='mr-1 w-8 cursor-pointer' />,
-            label: t('delete', { ns: 'actions' }),
-            tooltip: t('deleteTooltip', { ns: 'contact.dashboard' }),
-            variant: 'destructive',
-            handler: (items: Dashboard[]) => {
-              openDelete(items)
-            },
-            show: 'some',
-          },
-          {
-            icon: <IconPlus className='mr-1 w-8 cursor-pointer' />,
-            label: t('create', { ns: 'actions' }),
-            tooltip: t('createTooltip', { ns: 'contact.dashboard' }),
-            variant: 'default',
-            handler: () => {
-              openCreate()
-            },
-            show: 'none',
-          },
-        ]}
-      />
-    </>
-  )
-}
+import { PageTitle } from '@/components/custom/page-title'
+import DataPanel from '@/components/panels/data-panel'
+import { useDashboardDelete } from '@/features/admin/dashboard'
+import { useApp } from '@/hooks/use-app'
+import { isPlural } from '@/lib/utils'
+import { Dashboard } from '@/types/models'
+import { IconEdit, IconPlus, IconTrash } from '@tabler/icons-react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import DashboardCreatePanel from './components/dashboard-create-panel'
+import DashboardUpdatePanel from './components/dashboard-update-panel'
+import DashboardCard from '@/components/cards/dashboard-card'
+
+export default function Page() {
+  const [selectedItems, setSelectedItems] = useState<Dashboard[]>([])
+  const { mutate: deleteDashboard } = useDashboardDelete()
+  const { openSheet, confirm, closeSheet } = useApp()
+  const { t } = useTranslation([
+    'dashboard.dashboard',
+    'modules',
+    'actions',
+    'fields',
+  ])
+
+  const openCreate = () => {
+    const id = openSheet({
+      title: t('create', { ns: 'dashboard.dashboard' }),
+      description: t('createText', { ns: 'dashboard.dashboard' }),
+      children: () => <DashboardCreatePanel onCreated={() => closeSheet(id)} />,
+    })
+
+    return id
+  }
+
+  const openDelete = (items: Dashboard[]) => {
+    return confirm({
+      title: `${t('delete', { ns: 'dashboard.dashboard' })} ${items.length} ${isPlural(items.length) ? t('items', { ns: 'actions' }) : t('item', { ns: 'actions' })}`,
+      description: t('deleteText', { ns: 'dashboard.dashboard' }),
+    })
+      .then(() =>
+        deleteDashboard(
+          items
+            .map((item) => (item as any).dashboard_id)
+            .filter((id) => id !== undefined)
+        )
+      )
+      .catch(() => setSelectedItems(items))
+  }
+
+  const openUpdate = (item: Dashboard) => {
+    const id = openSheet({
+      children: () => (
+        <DashboardUpdatePanel data={item} onUpdated={() => closeSheet(id)} />
+      ),
+      title: t('edit', { ns: 'dashboard.dashboard' }),
+      description: t('editText', { ns: 'dashboard.dashboard' }),
+    })
+
+    return id
+  }
+
+  return (
+    <>
+      <PageTitle title={t('dashboard', { ns: 'modules' })} />
+      <DataPanel
+        url='/dashboard'
+        layout='grid'
+        id='dashboard'
+        selectable
+        render={(item: Dashboard) => <DashboardCard item={item} />}
+        responsiveColumns={{
+          default: 1,
+          sm: 2,
+          md: 1,
+          lg: 2,
+          xl: 3,
+        }}
+        selected={selectedItems as Dashboard[]}
+        multiple
+        hasSearch
+        onItemDoubleClick={(item) => openUpdate(item)}
+        menuActions={[
+          {
+            icon: <IconEdit className='mr-1 w-8 cursor-pointer' />,
+            label: t('edit', { ns: 'actions' }),
+            tooltip: t('editTooltip', { ns: 'contact.dashboard' }),
+            handler: (items: Dashboard[]) => {
+              if (items.length === 1) openUpdate(items[0])
+            },
+            show: 'once',
+          },
+          {
+            icon: <IconTrash className='mr-1 w-8 cursor-pointer' />,
+            label: t('delete', { ns: 'actions' }),
+            tooltip: t('deleteTooltip', { ns: 'contact.dashboard' }),
+            variant: 'destructive',
+            handler: (items: Dashboard[]) => {
+              openDelete(items)
+            },
+            show: 'some',
+          },
+          {
+            icon: <IconPlus className='mr-1 w-8 cursor-pointer' />,
+            label: t('create', { ns: 'actions' }),
+            tooltip: t('createTooltip', { ns: 'contact.dashboard' }),
+            variant: 'default',
+            handler: () => {
+              openCreate()
+            },
+            show: 'none',
+          },
+        ]}
+      />
+    </>
+  )
+}

package/frontend/dashboard/components/database-stats.tsx.ejs

@@ -64,7 +64,7 @@ const DatabaseStats = () => {
   }, [])
 
   return (
-    <Card>
+    <Card className='flex h-full flex-col'>
       <CardHeader>
         <CardTitle className='flex items-center'>
           <Database className='mr-2 h-5 w-5 text-primary' />
@@ -74,7 +74,7 @@ const DatabaseStats = () => {
           Informações sobre o banco de dados do sistema
         </CardDescription>
       </CardHeader>
-      <CardContent>
+      <CardContent className='flex flex-1 flex-col overflow-auto'>
         {isRefreshing ? (
           <div className='grid grid-cols-1 gap-4 md:grid-cols-3'>
             <div className='animate-pulse rounded-lg border p-4'>

package/frontend/dashboard/components/module-installed.tsx.ejs

@@ -64,7 +64,7 @@ const ModuleInstalled = () => {
   }, [])
 
   return (
-    <Card>
+    <Card className='flex h-full flex-col'>
       <CardHeader className='pb-2'>
         <CardTitle className='flex items-center'>
           <Package className='mr-2 h-5 w-5 text-primary' />
@@ -72,7 +72,7 @@ const ModuleInstalled = () => {
         </CardTitle>
         <CardDescription>Módulos e suas versões</CardDescription>
       </CardHeader>
-      <CardContent>
+      <CardContent className='flex flex-1 flex-col overflow-auto'>
         {isRefreshing ? (
           <div className='space-y-4'>
             {Array.from({ length: 5 }).map((_, index) => (

package/frontend/dashboard/components/system-info.tsx.ejs

@@ -66,7 +66,7 @@ const SystemInfo = () => {
   }, [])
 
   return (
-    <Card>
+    <Card className='flex h-full flex-col'>
       <CardHeader className='pb-2'>
         <CardTitle className='flex items-center'>
           <Server className='mr-2 h-5 w-5 text-primary' />
@@ -76,7 +76,7 @@ const SystemInfo = () => {
           Detalhes do sistema operacional e hardware
         </CardDescription>
       </CardHeader>
-      <CardContent>
+      <CardContent className='flex flex-1 flex-col overflow-auto'>
         {isRefreshing ? (
           <div className='space-y-4'>
             <div className='animate-pulse'>
@@ -117,7 +117,7 @@ const SystemInfo = () => {
                 <Cpu className='mr-2 h-4 w-4 text-muted-foreground' />
                 Hardware
               </h3>
-              <div className='mt-1 grid grid-cols-2 gap-1 text-sm'>
+              <div className='mt-1 grid grid-cols-2 gap-1 text-sm overflow-auto'>
                 <div className='text-muted-foreground'>CPU:</div>
                 <div>{data.os.cpu.model}</div>
                 <div className='text-muted-foreground'>Memória:</div>

package/frontend/dashboard/components/update-panel.tsx.ejs

@@ -1,80 +1,80 @@
-import FormPanel, {
-  FormPanelRef,
-  getFieldsLocale,
-} from '@/components/panels/form-panel'
-import { Overlay } from '@/components/custom/overlay'
-import { TabPanel } from '@/components/panels/tab-panel'
-import {
-  useDashboardGet,
-  useDashboardUpdate,
-} from '@/features/admin/dashboard'
-import useEffectAfterFirstUpdate from '@/hooks/use-effect-after-first-update'
-import { Dashboard } from '@/types/models'
-import { forwardRef, useImperativeHandle, useRef } from 'react'
-import { useTranslation } from 'react-i18next'
-import { EnumFieldType } from '@/enums/EnumFieldType'
-
-export type DashboardUpdatePanelProps = {
-  data: Dashboard
-  onUpdated?: (data: Dashboard) => void
-}
-
-const DashboardUpdatePanel = forwardRef(
-  ({ data, onUpdated }: DashboardUpdatePanelProps, ref) => {
-    const { t } = useTranslation(['actions', 'fields', 'translations'])
-    const { data: item, isLoading } = useDashboardGet(
-      (data as any).dashboard_id as number
-    )
-    const { mutate: dashboardUpdate } = useDashboardUpdate()
-    const formRef = useRef<FormPanelRef>(null)
-
-    useEffectAfterFirstUpdate(() => {
-      if (item && formRef.current) {
-        formRef.current.setValuesFromItem(item)
-      }
-    }, [item])
-
-    useImperativeHandle(ref, () => ({}))
-
-    return (
-      <TabPanel
-        activeTabIndex={0}
-        tabs={[
-          {
-            title: t('details', { ns: 'actions' }),
-            children: (
-              <Overlay loading={isLoading}>
-                <FormPanel
-                  ref={formRef}
-                  fields={[
-                    {
-                      name: 'slug',
-                      label: { text: t('dashboard.slug', { ns: 'fields' }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-                    ...getFieldsLocale([{ name: 'name' }], item),
-                  ]}
-                  button={{ text: t('save', { ns: 'actions' }) }}
-                  onSubmit={(data) => {
-                    dashboardUpdate({
-                      id: data.id,
-                      data,
-                    })
-                    if (typeof onUpdated === 'function') {
-                      onUpdated(data)
-                    }
-                  }}
-                />
-              </Overlay>
-            ),
-          },
-        ]}
-      />
-    )
-  }
-)
-
-DashboardUpdatePanel.displayName = 'DashboardUpdatePanel'
-
-export default DashboardUpdatePanel
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from '@/components/panels/form-panel'
+import { Overlay } from '@/components/custom/overlay'
+import { TabPanel } from '@/components/panels/tab-panel'
+import {
+  useDashboardGet,
+  useDashboardUpdate,
+} from '@/features/admin/dashboard'
+import useEffectAfterFirstUpdate from '@/hooks/use-effect-after-first-update'
+import { Dashboard } from '@/types/models'
+import { forwardRef, useImperativeHandle, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { EnumFieldType } from '@/enums/EnumFieldType'
+
+export type DashboardUpdatePanelProps = {
+  data: Dashboard
+  onUpdated?: (data: Dashboard) => void
+}
+
+const DashboardUpdatePanel = forwardRef(
+  ({ data, onUpdated }: DashboardUpdatePanelProps, ref) => {
+    const { t } = useTranslation(['actions', 'fields', 'translations'])
+    const { data: item, isLoading } = useDashboardGet(
+      (data as any).dashboard_id as number
+    )
+    const { mutate: dashboardUpdate } = useDashboardUpdate()
+    const formRef = useRef<FormPanelRef>(null)
+
+    useEffectAfterFirstUpdate(() => {
+      if (item && formRef.current) {
+        formRef.current.setValuesFromItem(item)
+      }
+    }, [item])
+
+    useImperativeHandle(ref, () => ({}))
+
+    return (
+      <TabPanel
+        activeTabIndex={0}
+        tabs={[
+          {
+            title: t('details', { ns: 'actions' }),
+            children: (
+              <Overlay loading={isLoading}>
+                <FormPanel
+                  ref={formRef}
+                  fields={[
+                    {
+                      name: 'slug',
+                      label: { text: t('dashboard.slug', { ns: 'fields' }) },
+                      type: EnumFieldType.TEXT,
+                      required: true,
+                    },
+                    ...getFieldsLocale([{ name: 'name' }], item),
+                  ]}
+                  button={{ text: t('save', { ns: 'actions' }) }}
+                  onSubmit={(data) => {
+                    dashboardUpdate({
+                      id: data.id,
+                      data,
+                    })
+                    if (typeof onUpdated === 'function') {
+                      onUpdated(data)
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    )
+  }
+)
+
+DashboardUpdatePanel.displayName = 'DashboardUpdatePanel'
+
+export default DashboardUpdatePanel

package/frontend/dashboard/components/user-summary.tsx.ejs

@@ -67,7 +67,7 @@ const UserSummary = () => {
   }, [])
 
   return (
-    <Card>
+    <Card className='flex h-full flex-col'>
       <CardHeader className='pb-2'>
         <CardTitle className='flex items-center'>
           <Users className='mr-2 h-5 w-5 text-primary' />
@@ -75,7 +75,7 @@ const UserSummary = () => {
         </CardTitle>
         <CardDescription>Visão geral dos usuários do sistema</CardDescription>
       </CardHeader>
-      <CardContent>
+      <CardContent className='flex flex-1 flex-col overflow-auto'>
         <div className='space-y-4'>
           {isRefreshing ? (
             <div className='grid grid-cols-3 gap-4'>

package/frontend/dashboard/locales/en/dashboard.dashboard.json

@@ -1,11 +1,11 @@
-{
-  "create": "Create dashboard",
-  "createText": "Fill the dashboard informations.",
-  "createTooltip": "Create new dashboard",
-  "delete": "Delete dashboard",
-  "deleteText": "Are you sure to delete these dashboard?",
-  "deleteTooltip": "Delete the selected dashboard",
-  "edit": "Edit dashboard",
-  "editText": "View and edit dashboard information.",
-  "editTooltip": "Edit the selected dashboard"
-}
+{
+  "create": "Create dashboard",
+  "createText": "Fill the dashboard informations.",
+  "createTooltip": "Create new dashboard",
+  "delete": "Delete dashboard",
+  "deleteText": "Are you sure to delete these dashboard?",
+  "deleteTooltip": "Delete the selected dashboard",
+  "edit": "Edit dashboard",
+  "editText": "View and edit dashboard information.",
+  "editTooltip": "Edit the selected dashboard"
+}

package/frontend/dashboard/locales/pt/dashboard.dashboard.json

@@ -1,11 +1,11 @@
-{
-  "create": "Criar dashboard",
-  "createText": "Preencha as informações do dashboard.",
-  "createTooltip": "Criar novo dashboard",
-  "delete": "Excluir dashboard",
-  "deleteText": "Você tem certeza de que deseja excluir estes dashboards?",
-  "deleteTooltip": "Excluir o dashboard selecionado",
-  "edit": "Editar dashboard",
-  "editText": "Visualizar e editar informações do dashboard.",
-  "editTooltip": "Editar o dashboard selecionado"
-}
+{
+  "create": "Criar dashboard",
+  "createText": "Preencha as informações do dashboard.",
+  "createTooltip": "Criar novo dashboard",
+  "delete": "Excluir dashboard",
+  "deleteText": "Você tem certeza de que deseja excluir estes dashboards?",
+  "deleteTooltip": "Excluir o dashboard selecionado",
+  "edit": "Editar dashboard",
+  "editText": "Visualizar e editar informações do dashboard.",
+  "editTooltip": "Editar o dashboard selecionado"
+}

package/frontend/dashboard/react-query/handlers.ts.ejs

@@ -1,28 +1,28 @@
-import { useDefaultMutation } from "@/hooks/use-default-mutation";
-import { useQuery } from "@tanstack/react-query";
-import { requests } from "./requests";
-
-const scope = "dashboard";
-
-export function useDashboardCreate() {
-  const { dashboardCreate } = requests();
-  return useDefaultMutation(scope, "create", dashboardCreate);
-}
-
-export function useDashboardDelete() {
-  const { dashboardDelete } = requests();
-  return useDefaultMutation(scope, "delete", dashboardDelete);
-}
-
-export function useDashboardUpdate() {
-  const { dashboardUpdate } = requests();
-  return useDefaultMutation(scope, "update", dashboardUpdate);
-}
-
-export function useDashboardGet(id: number) {
-  const { dashboardGet } = requests();
-  return useQuery({
-    queryKey: [scope, "get"],
-    queryFn: () => dashboardGet(id),
-  });
-}
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "dashboard";
+
+export function useDashboardCreate() {
+  const { dashboardCreate } = requests();
+  return useDefaultMutation(scope, "create", dashboardCreate);
+}
+
+export function useDashboardDelete() {
+  const { dashboardDelete } = requests();
+  return useDefaultMutation(scope, "delete", dashboardDelete);
+}
+
+export function useDashboardUpdate() {
+  const { dashboardUpdate } = requests();
+  return useDefaultMutation(scope, "update", dashboardUpdate);
+}
+
+export function useDashboardGet(id: number) {
+  const { dashboardGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => dashboardGet(id),
+  });
+}