José Almeida
19 lines
759 B
TypeScript
19 lines
759 B
TypeScript
import { IconAlertTriangle } from "@tabler/icons-react";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
export function StillWorkingWarning({ count }: { count?: number }) {
|
|
const { t } = useTranslation();
|
|
const subject =
|
|
count && count > 1 ? t("task:stillWorkingSubjectMany") : t("task:stillWorkingSubjectOne");
|
|
return (
|
|
<div
|
|
data-testid="still-working-warning"
|
|
role="alert"
|
|
className="flex items-start gap-1.5 rounded-md border border-yellow-500/40 bg-yellow-500/10 p-2.5 text-xs leading-5 text-pretty text-yellow-700 dark:text-yellow-300"
|
|
>
|
|
<IconAlertTriangle className="mt-0.5 h-3.5 w-3.5 shrink-0 text-yellow-500" aria-hidden />
|
|
<span>{t("task:stillWorkingWarning", { subject })}</span>
|
|
</div>
|
|
);
|
|
}
|