rodrigo/advx
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lint errors

Browse Source 
Signed-off-by: Rodrigo Martins <rodrigo.sousa.577@gmail.com>
This commit is contained in:
rodrigo committed 2025-04-12 20:32:39 -03:00
1 parent 9742d62ba2
commit 5acec6b71e
196 files changed
+10885 -6655
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/tarefas/TarefaCard.tsx
+63 -32
View File
@@ -1,10 +1,16 @@
import React from 'react';
import { Tarefa } from '../../types/entities';
import { format } from 'date-fns';
import { ptBR } from 'date-fns/locale';
import { PencilIcon, CheckIcon, XMarkIcon, ExclamationTriangleIcon, TrashIcon } from '@heroicons/react/24/outline';
import { useAuth } from '../../contexts/AuthContext';
import { useTarefas } from '../../hooks/useTarefas';
import {
PencilIcon,
CheckIcon,
XMarkIcon,
ExclamationTriangleIcon,
TrashIcon,
} from "@heroicons/react/24/outline";
import { format, ptBR } from "date-fns";
import React from "react";
import { useAuth } from "../../contexts/AuthContext";
import { useTarefas } from "../../hooks/useTarefas";
import { Tarefa } from "../../types/entities";
interface TarefaCardProps {
tarefa: Tarefa;
@@ -12,30 +18,39 @@ interface TarefaCardProps {
onStatusChange: (id: string, status: string, progresso?: number) => void;
}
export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatusChange }) => {
export const TarefaCard: React.FC<TarefaCardProps> = ({
tarefa,
onEdit,
onStatusChange,
}) => {
const { user } = useAuth();
const { deleteTarefa } = useTarefas();
const canDelete = user && ['ADVOGADO_ADMIN', 'ADVOGADO'].includes(user.perfil);
const canDelete =
user && ["ADVOGADO_ADMIN", "ADVOGADO"].includes(user.perfil);
const handleDelete = async (e: React.MouseEvent) => {
e.stopPropagation();
if (!window.confirm('Tem certeza que deseja excluir esta tarefa?')) return;
if (!window.confirm("Tem certeza que deseja excluir esta tarefa?")) return;
try {
await deleteTarefa.mutateAsync(tarefa.id);
} catch (error) {
console.error('Erro ao excluir tarefa:', error);
alert('Erro ao excluir tarefa');
console.error("Erro ao excluir tarefa:", error);
alert("Erro ao excluir tarefa");
}
};
const getPrioridadeColor = () => {
switch (tarefa.prioridade) {
case 'BAIXA': return 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200';
case 'MEDIA': return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200';
case 'ALTA': return 'bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200';
case 'URGENTE': return 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200';
case "BAIXA":
return "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200";
case "MEDIA":
return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200";
case "ALTA":
return "bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200";
case "URGENTE":
return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200";
}
};
@@ -53,7 +68,9 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus
>
<PencilIcon className="h-5 w-5" />
</button>
<span className={`px-2 py-1 text-xs rounded-full ${getPrioridadeColor()}`}>
<span
className={`px-2 py-1 text-xs rounded-full ${getPrioridadeColor()}`}
>
{tarefa.prioridade}
</span>
</div>
@@ -65,8 +82,8 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus
<div className="mt-4">
<div className="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2">
<div
className="bg-blue-600 h-2 rounded-full"
<div
className="bg-blue-600 h-2 rounded-full"
style={{ width: `${tarefa.progresso}%` }}
/>
</div>
@@ -76,19 +93,27 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus
<div className="flex items-center space-x-4">
<div className="flex -space-x-2">
{tarefa.subtarefas.map((subtarefa, index) => (
<div
<div
key={subtarefa.id}
className={`h-6 w-6 rounded-full flex items-center justify-center text-xs
${subtarefa.concluida
? 'bg-green-100 text-green-600 dark:bg-green-900 dark:text-green-200'
: 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400'}`}
${
subtarefa.concluida
? "bg-green-100 text-green-600 dark:bg-green-900 dark:text-green-200"
: "bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400"
}`}
>
{subtarefa.concluida ? <CheckIcon className="h-3 w-3" /> : index + 1}
{subtarefa.concluida ? (
<CheckIcon className="h-3 w-3" />
) : (
index + 1
)}
</div>
))}
</div>
<span className="text-gray-500 dark:text-gray-400">
{format(new Date(tarefa.dataVencimento), "dd/MM/yyyy", { locale: ptBR })}
{format(new Date(tarefa.dataVencimento), "dd/MM/yyyy", {
locale: ptBR,
})}
</span>
</div>
@@ -105,17 +130,17 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus
<div className="mt-4 flex items-center justify-between">
<div className="flex space-x-2">
{tarefa.status !== 'CONCLUIDA' && tarefa.status !== 'CANCELADA' && (
{tarefa.status !== "CONCLUIDA" && tarefa.status !== "CANCELADA" && (
<>
<button
onClick={() => onStatusChange(tarefa.id, 'CONCLUIDA', 100)}
onClick={() => onStatusChange(tarefa.id, "CONCLUIDA", 100)}
className="p-2 text-green-600 hover:bg-green-50 rounded-lg"
title="Concluir tarefa"
>
<CheckIcon className="h-5 w-5" />
</button>
<button
onClick={() => onStatusChange(tarefa.id, 'CANCELADA', 0)}
onClick={() => onStatusChange(tarefa.id, "CANCELADA", 0)}
className="p-2 text-red-600 hover:bg-red-50 rounded-lg"
title="Cancelar tarefa"
>
@@ -123,10 +148,16 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus
</button>
<button
onClick={() => {
const novoProgresso = prompt('Digite o percentual de conclusão (0-100):', tarefa.progresso?.toString());
const novoProgresso = prompt(
"Digite o percentual de conclusão (0-100):",
tarefa.progresso?.toString(),
);
if (novoProgresso !== null) {
const progresso = Math.min(100, Math.max(0, parseInt(novoProgresso)));
onStatusChange(tarefa.id, 'EM_ANDAMENTO', progresso);
const progresso = Math.min(
100,
Math.max(0, parseInt(novoProgresso)),
);
onStatusChange(tarefa.id, "EM_ANDAMENTO", progresso);
}
}}
className="p-2 text-yellow-600 hover:bg-yellow-50 rounded-lg"