@hed-hog/operations 0.0.297 → 0.0.299

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

@@ -1,11 +1,11 @@
-import { CollaboratorFormScreen } from '../../../_components/collaborator-form-screen';
-
-export default async function EditCollaboratorPage({
-  params,
-}: {
-  params: Promise<{ id: string }>;
-}) {
-  const { id } = await params;
-
-  return <CollaboratorFormScreen collaboratorId={Number(id)} />;
-}
+import { CollaboratorFormScreen } from '../../../_components/collaborator-form-screen';
+
+export default async function EditCollaboratorPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  return <CollaboratorFormScreen collaboratorId={Number(id)} />;
+}

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

@@ -1,11 +1,11 @@
-import { CollaboratorDetailsScreen } from '../../_components/collaborator-details-screen';
-
-export default async function CollaboratorDetailsPage({
-  params,
-}: {
-  params: Promise<{ id: string }>;
-}) {
-  const { id } = await params;
-
-  return <CollaboratorDetailsScreen collaboratorId={Number(id)} />;
-}
+import { CollaboratorDetailsScreen } from '../../_components/collaborator-details-screen';
+
+export default async function CollaboratorDetailsPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  return <CollaboratorDetailsScreen collaboratorId={Number(id)} />;
+}

package/hedhog/frontend/app/collaborators/new/page.tsx.ejs

@@ -1,5 +1,5 @@
-import { CollaboratorFormScreen } from '../../_components/collaborator-form-screen';
-
-export default function NewCollaboratorPage() {
-  return <CollaboratorFormScreen />;
-}
+import { CollaboratorFormScreen } from '../../_components/collaborator-form-screen';
+
+export default function NewCollaboratorPage() {
+  return <CollaboratorFormScreen />;
+}

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

@@ -1,261 +1,261 @@
-'use client';
-
-import { EmptyState, Page, SearchBar } from '@/components/entity-list';
-import { Button } from '@/components/ui/button';
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/components/ui/table';
-import { useApp, useQuery } from '@hed-hog/next-app-provider';
-import { Eye, FileText, Pencil, UserRound } from 'lucide-react';
-import Link from 'next/link';
-import { useMemo, useState } from 'react';
-import { useTranslations } from 'next-intl';
-import { OperationsHeader } from '../_components/operations-header';
-import { StatusBadge } from '../_components/status-badge';
-import { fetchOperations, mutateOperations } from '../_lib/api';
-import { useOperationsAccess } from '../_lib/hooks/use-operations-access';
-import type { OperationsCollaborator } from '../_lib/types';
-import {
-  formatDate,
-  formatEnumLabel,
-  formatHours,
-  getStatusBadgeClass,
-} from '../_lib/utils/format';
-
-export default function OperationsCollaboratorsPage() {
-  const t = useTranslations('operations.CollaboratorsPage');
-  const commonT = useTranslations('operations.Common');
-  const { request, showToastHandler, currentLocaleCode } = useApp();
-  const access = useOperationsAccess();
-  const [search, setSearch] = useState('');
-  const [statusFilter, setStatusFilter] = useState('all');
-  const [typeFilter, setTypeFilter] = useState('all');
-
-  const { data: collaborators = [], refetch } = useQuery<OperationsCollaborator[]>({
-    queryKey: ['operations-collaborators-list', currentLocaleCode],
-    enabled: access.isCollaborator,
-    queryFn: () =>
-      fetchOperations<OperationsCollaborator[]>(request, '/operations/collaborators'),
-  });
-
-  const filteredRows = useMemo(
-    () =>
-      collaborators.filter((item) => {
-        const matchesSearch = !search.trim()
-          ? true
-          : [
-              item.displayName,
-              item.code,
-              item.department,
-              item.title,
-              item.supervisorName,
-            ]
-              .filter(Boolean)
-              .some((value) =>
-                String(value).toLowerCase().includes(search.trim().toLowerCase())
-              );
-        const matchesStatus =
-          statusFilter === 'all' ? true : item.status === statusFilter;
-        const matchesType =
-          typeFilter === 'all' ? true : item.collaboratorType === typeFilter;
-        return matchesSearch && matchesStatus && matchesType;
-      }),
-    [collaborators, search, statusFilter, typeFilter]
-  );
-
-  const toggleStatus = async (collaborator: OperationsCollaborator) => {
-    const nextStatus = collaborator.status === 'inactive' ? 'active' : 'inactive';
-
-    try {
-      await mutateOperations(
-        request,
-        `/operations/collaborators/${collaborator.id}`,
-        'PATCH',
-        { status: nextStatus }
-      );
-      showToastHandler?.('success', t('messages.statusSuccess'));
-      await refetch();
-    } catch {
-      showToastHandler?.('error', t('messages.statusError'));
-    }
-  };
-
-  return (
-    <Page>
-      <OperationsHeader
-        title={t('title')}
-        description={t('description')}
-        current={t('breadcrumb')}
-        actions={
-          access.isDirector ? (
-            <Button size="sm" asChild>
-              <Link href="/operations/collaborators/new">
-                {commonT('actions.create')}
-              </Link>
-            </Button>
-          ) : undefined
-        }
-      />
-
-      <SearchBar
-        searchQuery={search}
-        onSearchChange={setSearch}
-        onSearch={() => undefined}
-        placeholder={t('searchPlaceholder')}
-        controls={[
-          {
-            id: 'type',
-            type: 'select',
-            value: typeFilter,
-            onChange: setTypeFilter,
-            placeholder: commonT('labels.collaboratorType'),
-            options: [
-              { value: 'all', label: commonT('filters.allTypes') },
-              { value: 'clt', label: 'CLT' },
-              { value: 'pj', label: 'PJ' },
-              { value: 'freelancer', label: 'Freelancer' },
-              { value: 'intern', label: 'Intern' },
-              { value: 'other', label: 'Other' }
-            ]
-          },
-          {
-            id: 'status',
-            type: 'select',
-            value: statusFilter,
-            onChange: setStatusFilter,
-            placeholder: commonT('labels.status'),
-            options: [
-              { value: 'all', label: commonT('filters.allStatuses') },
-              { value: 'active', label: formatEnumLabel('active') },
-              { value: 'on_leave', label: formatEnumLabel('on_leave') },
-              { value: 'inactive', label: formatEnumLabel('inactive') }
-            ]
-          }
-        ]}
-      />
-
-      {filteredRows.length > 0 ? (
-        <div className="overflow-x-auto rounded-md border">
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead>{commonT('labels.collaborator')}</TableHead>
-                <TableHead>{commonT('labels.collaboratorType')}</TableHead>
-                <TableHead>{commonT('labels.title')}</TableHead>
-                <TableHead>{commonT('labels.status')}</TableHead>
-                <TableHead>{commonT('labels.supervisor')}</TableHead>
-                <TableHead>{commonT('labels.weeklyCapacity')}</TableHead>
-                <TableHead>{commonT('labels.contractStatus')}</TableHead>
-                <TableHead>{commonT('labels.startDate')}</TableHead>
-                <TableHead className="w-[260px] text-right">
-                  {commonT('labels.actions')}
-                </TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {filteredRows.map((collaborator) => (
-                <TableRow key={collaborator.id}>
-                  <TableCell>
-                    <div className="font-medium">{collaborator.displayName}</div>
-                    <div className="text-xs text-muted-foreground">
-                      {collaborator.code}
-                    </div>
-                  </TableCell>
-                  <TableCell>{formatEnumLabel(collaborator.collaboratorType)}</TableCell>
-                  <TableCell>
-                    {[collaborator.department, collaborator.title]
-                      .filter(Boolean)
-                      .join(' • ') || commonT('labels.notAvailable')}
-                  </TableCell>
-                  <TableCell>
-                    <StatusBadge
-                      label={formatEnumLabel(collaborator.status)}
-                      className={getStatusBadgeClass(collaborator.status)}
-                    />
-                  </TableCell>
-                  <TableCell>
-                    {collaborator.supervisorName || commonT('labels.notAssigned')}
-                  </TableCell>
-                  <TableCell>{formatHours(collaborator.weeklyCapacityHours)}</TableCell>
-                  <TableCell>
-                    {collaborator.contractStatus ? (
-                      <StatusBadge
-                        label={formatEnumLabel(collaborator.contractStatus)}
-                        className={getStatusBadgeClass(collaborator.contractStatus)}
-                      />
-                    ) : (
-                      commonT('labels.notAssigned')
-                    )}
-                  </TableCell>
-                  <TableCell>{formatDate(collaborator.joinedAt)}</TableCell>
-                  <TableCell>
-                    <div className="flex justify-end gap-2">
-                      <Button variant="outline" size="icon" asChild>
-                        <Link href={`/operations/collaborators/${collaborator.id}`}>
-                          <Eye className="size-4" />
-                        </Link>
-                      </Button>
-                      {access.isDirector ? (
-                        <Button variant="outline" size="icon" asChild>
-                          <Link href={`/operations/collaborators/${collaborator.id}/edit`}>
-                            <Pencil className="size-4" />
-                          </Link>
-                        </Button>
-                      ) : null}
-                      <Button
-                        variant="outline"
-                        size="icon"
-                        asChild={Boolean(collaborator.contractId)}
-                        disabled={!collaborator.contractId}
-                      >
-                        {collaborator.contractId ? (
-                          <Link href={`/operations/contracts?edit=${collaborator.contractId}`}>
-                            <FileText className="size-4" />
-                          </Link>
-                        ) : (
-                          <span>
-                            <FileText className="size-4" />
-                          </span>
-                        )}
-                      </Button>
-                      {access.isDirector ? (
-                        <Button
-                          variant="outline"
-                          size="sm"
-                          onClick={() => void toggleStatus(collaborator)}
-                        >
-                          {collaborator.status === 'inactive'
-                            ? commonT('actions.activate')
-                            : commonT('actions.deactivate')}
-                        </Button>
-                      ) : null}
-                    </div>
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
-        </div>
-      ) : (
-        <EmptyState
-          icon={<UserRound className="size-12" />}
-          title={commonT('states.emptyTitle')}
-          description={t('emptyDescription')}
-          actionLabel={access.isDirector ? commonT('actions.create') : commonT('actions.refresh')}
-          onAction={
-            access.isDirector
-              ? () => {
-                  window.location.href = '/operations/collaborators/new';
-                }
-              : () => void refetch()
-          }
-        />
-      )}
-    </Page>
-  );
-}
+'use client';
+
+import { EmptyState, Page, SearchBar } from '@/components/entity-list';
+import { Button } from '@/components/ui/button';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+import { useApp, useQuery } from '@hed-hog/next-app-provider';
+import { Eye, FileText, Pencil, UserRound } from 'lucide-react';
+import Link from 'next/link';
+import { useMemo, useState } from 'react';
+import { useTranslations } from 'next-intl';
+import { OperationsHeader } from '../_components/operations-header';
+import { StatusBadge } from '../_components/status-badge';
+import { fetchOperations, mutateOperations } from '../_lib/api';
+import { useOperationsAccess } from '../_lib/hooks/use-operations-access';
+import type { OperationsCollaborator } from '../_lib/types';
+import {
+  formatDate,
+  formatEnumLabel,
+  formatHours,
+  getStatusBadgeClass,
+} from '../_lib/utils/format';
+
+export default function OperationsCollaboratorsPage() {
+  const t = useTranslations('operations.CollaboratorsPage');
+  const commonT = useTranslations('operations.Common');
+  const { request, showToastHandler, currentLocaleCode } = useApp();
+  const access = useOperationsAccess();
+  const [search, setSearch] = useState('');
+  const [statusFilter, setStatusFilter] = useState('all');
+  const [typeFilter, setTypeFilter] = useState('all');
+
+  const { data: collaborators = [], refetch } = useQuery<OperationsCollaborator[]>({
+    queryKey: ['operations-collaborators-list', currentLocaleCode],
+    enabled: access.isCollaborator,
+    queryFn: () =>
+      fetchOperations<OperationsCollaborator[]>(request, '/operations/collaborators'),
+  });
+
+  const filteredRows = useMemo(
+    () =>
+      collaborators.filter((item) => {
+        const matchesSearch = !search.trim()
+          ? true
+          : [
+              item.displayName,
+              item.code,
+              item.department,
+              item.title,
+              item.supervisorName,
+            ]
+              .filter(Boolean)
+              .some((value) =>
+                String(value).toLowerCase().includes(search.trim().toLowerCase())
+              );
+        const matchesStatus =
+          statusFilter === 'all' ? true : item.status === statusFilter;
+        const matchesType =
+          typeFilter === 'all' ? true : item.collaboratorType === typeFilter;
+        return matchesSearch && matchesStatus && matchesType;
+      }),
+    [collaborators, search, statusFilter, typeFilter]
+  );
+
+  const toggleStatus = async (collaborator: OperationsCollaborator) => {
+    const nextStatus = collaborator.status === 'inactive' ? 'active' : 'inactive';
+
+    try {
+      await mutateOperations(
+        request,
+        `/operations/collaborators/${collaborator.id}`,
+        'PATCH',
+        { status: nextStatus }
+      );
+      showToastHandler?.('success', t('messages.statusSuccess'));
+      await refetch();
+    } catch {
+      showToastHandler?.('error', t('messages.statusError'));
+    }
+  };
+
+  return (
+    <Page>
+      <OperationsHeader
+        title={t('title')}
+        description={t('description')}
+        current={t('breadcrumb')}
+        actions={
+          access.isDirector ? (
+            <Button size="sm" asChild>
+              <Link href="/operations/collaborators/new">
+                {commonT('actions.create')}
+              </Link>
+            </Button>
+          ) : undefined
+        }
+      />
+
+      <SearchBar
+        searchQuery={search}
+        onSearchChange={setSearch}
+        onSearch={() => undefined}
+        placeholder={t('searchPlaceholder')}
+        controls={[
+          {
+            id: 'type',
+            type: 'select',
+            value: typeFilter,
+            onChange: setTypeFilter,
+            placeholder: commonT('labels.collaboratorType'),
+            options: [
+              { value: 'all', label: commonT('filters.allTypes') },
+              { value: 'clt', label: 'CLT' },
+              { value: 'pj', label: 'PJ' },
+              { value: 'freelancer', label: 'Freelancer' },
+              { value: 'intern', label: 'Intern' },
+              { value: 'other', label: 'Other' }
+            ]
+          },
+          {
+            id: 'status',
+            type: 'select',
+            value: statusFilter,
+            onChange: setStatusFilter,
+            placeholder: commonT('labels.status'),
+            options: [
+              { value: 'all', label: commonT('filters.allStatuses') },
+              { value: 'active', label: formatEnumLabel('active') },
+              { value: 'on_leave', label: formatEnumLabel('on_leave') },
+              { value: 'inactive', label: formatEnumLabel('inactive') }
+            ]
+          }
+        ]}
+      />
+
+      {filteredRows.length > 0 ? (
+        <div className="overflow-x-auto rounded-md border">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>{commonT('labels.collaborator')}</TableHead>
+                <TableHead>{commonT('labels.collaboratorType')}</TableHead>
+                <TableHead>{commonT('labels.title')}</TableHead>
+                <TableHead>{commonT('labels.status')}</TableHead>
+                <TableHead>{commonT('labels.supervisor')}</TableHead>
+                <TableHead>{commonT('labels.weeklyCapacity')}</TableHead>
+                <TableHead>{commonT('labels.contractStatus')}</TableHead>
+                <TableHead>{commonT('labels.startDate')}</TableHead>
+                <TableHead className="w-[260px] text-right">
+                  {commonT('labels.actions')}
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {filteredRows.map((collaborator) => (
+                <TableRow key={collaborator.id}>
+                  <TableCell>
+                    <div className="font-medium">{collaborator.displayName}</div>
+                    <div className="text-xs text-muted-foreground">
+                      {collaborator.code}
+                    </div>
+                  </TableCell>
+                  <TableCell>{formatEnumLabel(collaborator.collaboratorType)}</TableCell>
+                  <TableCell>
+                    {[collaborator.department, collaborator.title]
+                      .filter(Boolean)
+                      .join(' • ') || commonT('labels.notAvailable')}
+                  </TableCell>
+                  <TableCell>
+                    <StatusBadge
+                      label={formatEnumLabel(collaborator.status)}
+                      className={getStatusBadgeClass(collaborator.status)}
+                    />
+                  </TableCell>
+                  <TableCell>
+                    {collaborator.supervisorName || commonT('labels.notAssigned')}
+                  </TableCell>
+                  <TableCell>{formatHours(collaborator.weeklyCapacityHours)}</TableCell>
+                  <TableCell>
+                    {collaborator.contractStatus ? (
+                      <StatusBadge
+                        label={formatEnumLabel(collaborator.contractStatus)}
+                        className={getStatusBadgeClass(collaborator.contractStatus)}
+                      />
+                    ) : (
+                      commonT('labels.notAssigned')
+                    )}
+                  </TableCell>
+                  <TableCell>{formatDate(collaborator.joinedAt)}</TableCell>
+                  <TableCell>
+                    <div className="flex justify-end gap-2">
+                      <Button variant="outline" size="icon" asChild>
+                        <Link href={`/operations/collaborators/${collaborator.id}`}>
+                          <Eye className="size-4" />
+                        </Link>
+                      </Button>
+                      {access.isDirector ? (
+                        <Button variant="outline" size="icon" asChild>
+                          <Link href={`/operations/collaborators/${collaborator.id}/edit`}>
+                            <Pencil className="size-4" />
+                          </Link>
+                        </Button>
+                      ) : null}
+                      <Button
+                        variant="outline"
+                        size="icon"
+                        asChild={Boolean(collaborator.contractId)}
+                        disabled={!collaborator.contractId}
+                      >
+                        {collaborator.contractId ? (
+                          <Link href={`/operations/contracts?edit=${collaborator.contractId}`}>
+                            <FileText className="size-4" />
+                          </Link>
+                        ) : (
+                          <span>
+                            <FileText className="size-4" />
+                          </span>
+                        )}
+                      </Button>
+                      {access.isDirector ? (
+                        <Button
+                          variant="outline"
+                          size="sm"
+                          onClick={() => void toggleStatus(collaborator)}
+                        >
+                          {collaborator.status === 'inactive'
+                            ? commonT('actions.activate')
+                            : commonT('actions.deactivate')}
+                        </Button>
+                      ) : null}
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          icon={<UserRound className="size-12" />}
+          title={commonT('states.emptyTitle')}
+          description={t('emptyDescription')}
+          actionLabel={access.isDirector ? commonT('actions.create') : commonT('actions.refresh')}
+          onAction={
+            access.isDirector
+              ? () => {
+                  window.location.href = '/operations/collaborators/new';
+                }
+              : () => void refetch()
+          }
+        />
+      )}
+    </Page>
+  );
+}

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

@@ -1,11 +1,11 @@
-import { ContractFormScreen } from '../../../_components/contract-form-screen';
-
-export default async function OperationsContractEditPage({
-  params,
-}: {
-  params: Promise<{ id: string }>;
-}) {
-  const { id } = await params;
-
-  return <ContractFormScreen contractId={Number(id)} />;
-}
+import { ContractFormScreen } from '../../../_components/contract-form-screen';
+
+export default async function OperationsContractEditPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  return <ContractFormScreen contractId={Number(id)} />;
+}

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

@@ -1,11 +1,11 @@
-import { ContractDetailsScreen } from '../../_components/contract-details-screen';
-
-export default async function OperationsContractDetailsPage({
-  params,
-}: {
-  params: Promise<{ id: string }>;
-}) {
-  const { id } = await params;
-
-  return <ContractDetailsScreen contractId={Number(id)} />;
-}
+import { ContractDetailsScreen } from '../../_components/contract-details-screen';
+
+export default async function OperationsContractDetailsPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  return <ContractDetailsScreen contractId={Number(id)} />;
+}