Added translations for the task types

public/locales/en/common.json

@@ -6,6 +6,7 @@
   "Active": "Active",
   "Add": "Add",
   "AddDomain": "Add Domain",
+  "AddTask": "Add Task",
   "Address": "Address",
   "AddUser": "Add User",
   "AddWorkflowTemplate": "Add Workflow Template",

public/locales/en/taskTypes.json

@@ -0,0 +1,14 @@
+{
+  "AdhocApprovalTask": "Adhoc Approval",
+  "ApprovalTask": "Approval",
+  "AssetUploadTask": "Asset Upload",
+  "BasicTask": "Basic",
+  "ContentCollationTask": "Content Collation",
+  "FileReleaseTask": "File Release",
+  "FormDataInputTask": "Form Data Input",
+  "LinkActivityTask": "Link Activity",
+  "MilestoneTask": "Milestone",
+  "StageTask": "Stage",
+  "VisualBriefReviewTask": "Visual Brief Review",
+  "VisualBriefUploadTask": "Visual Brief Upload"
+}

src/App.tsx

@@ -48,7 +48,7 @@ import WorkflowTemplateManager from "./modules/manager/workflowTemplates/Workflo
 import WorkflowTemplateDetails from "./modules/manager/workflowTemplates/WorkflowTemplateDetails";
 
 function GetSecureRoutes() {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   return (
     <>

src/components/common/ConfirmButton.tsx

@@ -21,7 +21,7 @@ function ConfirmButton<T>({
   onClick,
 }: ConfirmButtonProps<T>) {
   const [firstClick, setFirstClick] = useState(false);
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const handleFirstClick = useCallback(() => {
     setFirstClick(true);

src/components/common/CustomFieldsEditor.tsx

@@ -31,7 +31,7 @@ const CustomFieldsEditor: React.FC<CustomFieldsEditorProps> = ({
   onAdd,
   onDelete,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [id, setId] = useState<GeneralIdRef | undefined>(undefined);
   const [displayName, setDisplayName] = useState<string | undefined>(undefined);
 

src/components/common/LoadingPanel.tsx

@@ -4,7 +4,7 @@ import { Namespaces } from "../../i18n/i18n";
 interface LoadingProps {}
 
 const LoadingPanel: React.FC<LoadingProps> = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   return <div>{t("Loading")}</div>;
 };

src/components/common/Select.tsx

@@ -51,7 +51,7 @@ export default function Select({
   onChange,
   ...rest
 }: SelectProps) {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const isMultiple = multiple ?? options === undefined;
   const actualValue = NormalizeSelectValue(value, isMultiple);
 

src/components/common/TableBody.tsx

@@ -48,7 +48,7 @@ export default function TableBody<T>({
   onSelectRow,
   showSecondaryAudit,
 }: TableBodyProps<T>): JSX.Element {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const resolvePath = (path: string, args: string[]) => {
     let modifiedPath = path;
     let index = 0;

src/i18n/i18n.ts

@@ -9,6 +9,7 @@ export const Namespaces = {
   Common: "common",
   MailTypes: "mailTypes",
   HtmlIsland: "htmlIsland",
+  TaskTypes: "taskTypes",
 } as const;
 
 export type Namespace = (typeof Namespaces)[keyof typeof Namespaces];

src/modules/audit/audit.tsx

@@ -11,7 +11,7 @@ import { Namespaces } from "../../i18n/i18n";
 export default function Audit() {
   const location = useLocation();
   const params = useParams();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] = useState<Paginated<AuditLogEntry>>({

src/modules/audit/components/auditTable.tsx

@@ -27,7 +27,7 @@ interface AuditFieldChangeValues {
 
 export default function AuditTable(props: PublishedTableProps<AuditLogEntry>) {
   const { data, sortColumn, onChangePage, onSearch, onSort } = props;
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const fieldColumns: Column<AuditFieldChangeValues>[] = useMemo(
     () => [

src/modules/blockedIPs/blockedIPs.tsx

@@ -10,7 +10,7 @@ import { useTranslation } from "react-i18next";
 import { Namespaces } from "../../i18n/i18n";
 
 export default function BlockedIPs() {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [pagedData, setPagedData] = useState<Paginated<BlockedIPEntry>>({
     page: 1,
     pageSize: 10,

src/modules/blockedIPs/components/blockedIPsTable.tsx

@@ -13,7 +13,7 @@ import { Namespaces } from "../../../i18n/i18n";
 export default function BlockedIPsTable(
   props: PublishedTableProps<BlockedIPEntry>,
 ) {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const { data, sortColumn, onChangePage, onSearch, onSort, onDelete } = props;
 
   const canUnblockBlockedIPAddress =

src/modules/errorLogs/components/errorLogsTable.tsx

@@ -10,7 +10,7 @@ import ExpandableCell from "../../../components/common/ExpandableCell";
 export default function ErrorLogsTable(
   props: PublishedTableProps<ErrorLog>,
 ): JSX.Element {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const { data, sortColumn, onChangePage, onSearch, onSort } = props;
 
   const columns: Column<ErrorLog>[] = useMemo(

src/modules/errorLogs/errorLogs.tsx

@@ -7,7 +7,7 @@ import { useTranslation } from "react-i18next";
 import { Namespaces } from "../../i18n/i18n";
 
 const ErrorLogs = (): JSX.Element => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [pagedData, setPagedData] = useState<Paginated<ErrorLog>>({
     page: 1,
     pageSize: 10,

src/modules/frame/components/EmailUserActionConfirmEmail.tsx

@@ -19,7 +19,7 @@ interface Props {
 }
 
 const EmailUserActionConfirmEmail: React.FC<Props> = ({ emailUserAction }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [password, setPassword] = useState("");
   const [confirmPassword, setConfirmPassword] = useState("");
   const [emailConfirmed, setEmailConfirmed] = useState(false);

src/modules/frame/components/EmailUserActionDisableTwoFactorAuthentication.tsx

@@ -16,7 +16,7 @@ interface Props {
 const EmailUserActionDiableTwoFactorAuthentication: React.FC<Props> = ({
   emailUserAction,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [authenticatorDisabled, setAuthenticatorDisabled] = useState(false);
 
   const LABEL_DISABLE_AUTHENTICATOR = t("DisableAuthenticator");

src/modules/frame/components/EmailUserActionPasswordReset.tsx

@@ -19,7 +19,7 @@ interface Props {
 }
 
 const EmailUserActionPasswordReset: React.FC<Props> = ({ emailUserAction }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [password, setPassword] = useState("");
   const [confirmPassword, setConfirmPassword] = useState("");
   const [passwordChanged, setPasswordChanged] = useState(false);

src/modules/frame/components/ForgotPassword.tsx

@@ -12,7 +12,7 @@ export interface ForgotPasswordData extends FormData {
 }
 
 const ForgotPassword: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [username, setUsername] = useState("");
   const [emailSent, setEmailSent] = useState(false);
   const [generalError, setGeneralError] = useState("");

src/modules/frame/components/InternalLoginForm.tsx

@@ -14,7 +14,7 @@ import { useTranslation } from "react-i18next";
 import { Namespaces } from "../../../i18n/i18n";
 
 const InternalLoginForm: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [isInNextStage, setIsInNextStage] = useState(false);
   const [emailSent, setEmailSent] = useState(false);
   const passwordMaxLength = 255;

src/modules/frame/components/LeftMenu.tsx

@@ -13,7 +13,7 @@ import { useTranslation } from "react-i18next";
 import { Namespaces } from "../../../i18n/i18n";
 
 const LeftMenu: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const [openMenuItem, setOpenMenuItem] = useState<
     { id: string; children: React.ReactNode } | undefined

src/modules/frame/components/Logout.tsx

@@ -4,7 +4,7 @@ import { Namespaces } from "../../../i18n/i18n";
 import authentication from "../services/authenticationService";
 
 const Logout: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   useEffect(() => {
     authentication.logout();

src/modules/frame/components/NotFound.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import { Namespaces } from "../../../i18n/i18n";
 
 const NotFound: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   return <h1>{t("NotFound")}</h1>;
 };

src/modules/frame/components/TopMenu.tsx

@@ -19,7 +19,7 @@ export interface TopMenuProps {
 
 function TopMenu(props: TopMenuProps) {
   const user = getCurrentUser();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   return (
     <Navbar className="navbar bg-body-tertiary px-4 Header">

src/modules/homepage/HomePage.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import { Namespaces } from "../../i18n/i18n";
 
 const HomePage: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const redirect = () => {
     window.location.href = "/organisations";

src/modules/manager/customfields/components/CustomFieldsTable.tsx

@@ -11,7 +11,7 @@ import { CustomField } from "../services/customFieldsService";
 const CustomFieldsTable: React.FC<PublishedTableProps<CustomField>> = (
   props,
 ) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<CustomField>[] = [
     { key: "name", label: t("Name"), order: "asc" },

src/modules/manager/customfields/customFieldDetails.tsx

@@ -37,7 +37,7 @@ const CustomFieldDetails: React.FC<CustomFieldDetailsProps> = ({
   editMode = false,
 }) => {
   const { customFieldId } = useParams<{ customFieldId: string }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelFieldType = t("FieldType");

src/modules/manager/customfields/customFields.tsx

@@ -20,7 +20,7 @@ const initialPagedData: Paginated<CustomField> = {
 };
 
 const CustomFields: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] =
     useState<Paginated<CustomField>>(initialPagedData);

src/modules/manager/domains/Domains.tsx

@@ -18,7 +18,7 @@ const initialPagedData: Paginated<GetDomain> = {
 };
 
 const Domains: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] =
     useState<Paginated<GetDomain>>(initialPagedData);

src/modules/manager/domains/DomainsDetails.tsx

@@ -14,7 +14,7 @@ interface DomainsDetailsProps {
 }
 
 const DomainsDetails: React.FC<DomainsDetailsProps> = ({ isEditMode }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [searchParams] = useSearchParams();
 
   const canViewMailTemplates = authentication.hasAccess("ViewDomain");

src/modules/manager/domains/components/AddUserToRole.tsx

@@ -23,7 +23,7 @@ const AddUserToRole: React.FC<LocAddUserToRoleProps> = ({ isEditMode }) => {
     domainId: string;
     roleId: string;
   }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelUserId = t("User");
   const labelApply = t("Save");

src/modules/manager/domains/components/EmailTemplateEditor.tsx

@@ -24,7 +24,7 @@ const EmailTemplateEditor: React.FC<EmailTemplateEditorProps> = ({
   domainId,
   currentMailType,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const paramsData = useParams<{ domainId: string }>();
   const finalDomainId = domainId || paramsData.domainId;
 

src/modules/manager/domains/components/GeneralTab.tsx

@@ -22,7 +22,7 @@ interface GeneralTabProps {
 
 const GeneralTab: React.FC<GeneralTabProps> = ({ isEditMode }) => {
   const { domainId } = useParams<{ domainId: string }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelSsoProvider = t("SsoProvider");

src/modules/manager/domains/components/RoleAccessEditor.tsx

@@ -32,7 +32,7 @@ interface RoleAccessEditorProps {
 }
 
 const RoleAccessEditor: React.FC<RoleAccessEditorProps> = ({ role }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [accessList, setAccessList] =
     useState<Paginated<GetSecurityAccess>>(initialAccessList);

src/modules/manager/domains/components/RolesDetails.tsx

@@ -24,7 +24,7 @@ const RolesDetails: React.FC<RolesDetailsProps> = ({ isEditMode }) => {
     domainId: string;
     roleId: string;
   }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelApply = t("Save");

src/modules/manager/domains/components/RolesEditor.tsx

@@ -35,7 +35,7 @@ const RolesEditor: React.FC<RolesEditorProps> = ({
   initialRoleId,
   hashSegment,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const hashRoleId = useHashSegment(
     hashSegment !== undefined ? hashSegment : -1,
   );

src/modules/manager/domains/components/RolesTable.tsx

@@ -9,7 +9,7 @@ import authentication from "../../../frame/services/authenticationService";
 import { GetRoleResponse } from "../serrvices/rolesService";
 
 const RolesTable: React.FC<PublishedTableProps<GetRoleResponse>> = (props) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<GetRoleResponse>[] = [
     { key: "name", label: t("Name"), order: "asc" },

src/modules/manager/domains/components/RollAccessTable.tsx

@@ -22,7 +22,7 @@ const RollAccessTable: React.FC<RollAccessTableProps> = ({
   onSort,
   data,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [deltaAdditions, setDeltaAdditions] = useState<string[]>([]);
   const [deltaDeletions, setDeltaDeletions] = useState<string[]>([]);
 

src/modules/manager/domains/components/SecurityRolesTab.tsx

@@ -18,7 +18,7 @@ const SecurityRolesTab: React.FC<SecurityRolesTabProps> = ({
   initialRoleId,
   initialInnerTab,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [selectedRole, setSelectedRole] = useState<GetRoleResponse | undefined>(
     undefined,
   );

src/modules/manager/domains/components/UserRoleEditor.tsx

@@ -23,7 +23,7 @@ interface UserRoleEditorProps {
 }
 
 const UserRoleEditor: React.FC<UserRoleEditorProps> = ({ role }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] =
     useState<Paginated<RoleUser>>(initialPagedData);

src/modules/manager/domains/components/UserRolesTable.tsx

@@ -9,7 +9,7 @@ import authentication from "../../../frame/services/authenticationService";
 import { RoleUser } from "../serrvices/rolesService";
 
 const UserRolesTable: React.FC<PublishedTableProps<RoleUser>> = (props) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<RoleUser>[] = [
     { key: "displayName", label: t("Name"), order: "asc" },

src/modules/manager/domains/components/domainsTable.tsx

@@ -9,7 +9,7 @@ import authentication from "../../../frame/services/authenticationService";
 import { GetDomain } from "../serrvices/domainsService";
 
 const DomainsTable: React.FC<PublishedTableProps<GetDomain>> = (props) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<GetDomain>[] = [
     { key: "name", label: t("Name"), order: "asc" },

src/modules/manager/forms/Forms.tsx

@@ -10,7 +10,7 @@ import formsService, { GetFormResponse } from "./services/formsService";
 import Loading from "../../../components/common/Loading";
 
 const Forms: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] = useState<Paginated<GetFormResponse>>({

src/modules/manager/forms/FormsDetails.tsx

@@ -20,7 +20,7 @@ const FormsDetails: React.FC<{ editMode?: boolean }> = ({
   editMode = false,
 }) => {
   const { formId } = useParams<{ formId: string }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelDefinition = t("Definition");

src/modules/manager/forms/components/formsTable.tsx

@@ -16,7 +16,7 @@ const FormsTable: React.FC<PublishedTableProps<GetFormResponse>> = ({
   onDelete,
   onSort,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<GetFormResponse>[] = useMemo(
     () => [

src/modules/manager/glossary/GlossariesDetails.tsx

@@ -30,7 +30,7 @@ const GlossariesDetails: React.FC<GlossariesDetailsProps> = ({
   editMode = false,
 }) => {
   const { glossaryId } = useParams<{ glossaryId: string }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelChildCustomFieldDefinition = t("CustomFieldForChildEntries");

src/modules/manager/glossary/Glossary.tsx

@@ -14,7 +14,7 @@ import Loading from "../../../components/common/Loading";
 import Permission from "../../../components/common/Permission";
 
 const Glossaries: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const { glossaryId } = useParams<{ glossaryId: string }>();
 
   const [loaded, setLoaded] = useState(false);

src/modules/manager/glossary/components/GlossariesTable.tsx

@@ -23,7 +23,7 @@ const GlossariesTable: React.FC<GlossariesTableProps> = ({
   data,
   onDelete,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const [columnsList, setColumnsList] = useState<CustomColumn[]>([]);
 

src/modules/manager/organisations/Organisations.tsx

@@ -1,5 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";import { Namespaces } from "../../../i18n/i18n";import Button, { ButtonType } from "../../../components/common/Button";
+import { useTranslation } from "react-i18next";
+import { Namespaces } from "../../../i18n/i18n";
+import Button, { ButtonType } from "../../../components/common/Button";
 import Column from "../../../components/common/columns";
 import Permission from "../../../components/common/Permission";
 import { Paginated } from "../../../services/Paginated";
@@ -10,7 +12,7 @@ import organisationsService, {
 import Loading from "../../../components/common/Loading";
 
 const Organisations: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] = useState<Paginated<ReadOrganisation>>({
     page: 1,

src/modules/manager/organisations/OrganisationsDetails.tsx

@@ -21,7 +21,7 @@ const OrganisationsDetails: React.FC<{ editMode?: boolean }> = ({
   editMode = false,
 }) => {
   const { organisationId } = useParams<{ organisationId: string }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelAddress = t("Address");

src/modules/manager/organisations/components/OrganisationsTable.tsx

@@ -16,7 +16,7 @@ const OrganisationsTable: React.FC<PublishedTableProps<ReadOrganisation>> = ({
   onDelete,
   onSort,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const canViewSite = authentication.hasAccess("ViewSite");
 
   const columns: Column<ReadOrganisation>[] = useMemo(

src/modules/manager/sequence/SequenceDetails.tsx

@@ -26,7 +26,7 @@ const SequenceDetails: React.FC<SequenceDetailsProps> = ({
   editMode = false,
 }) => {
   const { sequenceId } = useParams<{ sequenceId: string }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelSeed = t("Seed");

src/modules/manager/sequence/components/squenceTable.tsx

@@ -16,7 +16,7 @@ const SequenceTable: React.FC<PublishedTableProps<ReadSequence>> = ({
   onDelete,
   onSort,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<ReadSequence>[] = useMemo(
     () => [{ key: "name", label: t("Name"), order: "asc" }],

src/modules/manager/sequence/sequence.tsx

@@ -10,7 +10,7 @@ import Loading from "../../../components/common/Loading";
 import Permission from "../../../components/common/Permission";
 
 const Sequence: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] = useState<Paginated<ReadSequence>>({
     page: 1,

src/modules/manager/sites/SiteDetails.tsx

@@ -26,7 +26,7 @@ const SiteDetails: React.FC<SiteDetailsProps> = ({ editMode = false }) => {
     organisationId: string;
     siteId?: string;
   }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelAddress = t("Address");

src/modules/manager/sites/Sites.tsx

@@ -19,7 +19,7 @@ const initialPagedData: Paginated<ReadSite> = {
 };
 
 const Sites: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const { organisationId } = useParams<{ organisationId: string }>();
 
   const [loaded, setLoaded] = useState(false);

src/modules/manager/sites/components/SitesTable.tsx

@@ -17,7 +17,7 @@ const SitesTable: React.FC<PublishedTableProps<ReadSite>> = ({
   onDelete,
   onSort,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<ReadSite>[] = useMemo(
     () => [

src/modules/manager/specifications/Specifications.tsx

@@ -21,7 +21,7 @@ const initialPagedData: Paginated<ReadSpecification> = {
 };
 
 const Specifications: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const { siteId } = useParams<{ siteId: string }>();
 
   const [loaded, setLoaded] = useState(false);

src/modules/manager/specifications/SpecificationsDetails.tsx

@@ -35,7 +35,7 @@ const SpecificationsDetails: React.FC<SpecificationsDetailsProps> = ({
     siteId: string;
     specificationId?: string;
   }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const TemplateFillerRef = useRef<TemplateFillerHandle>(null);
 
   const labelName = t("Name");

src/modules/manager/specifications/components/SpecificationsTable.tsx

@@ -16,7 +16,7 @@ const SpecificationsTable: React.FC<PublishedTableProps<ReadSpecification>> = ({
   onDelete,
   onSort,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<ReadSpecification>[] = useMemo(
     () => [{ key: "name", label: t("Name"), order: "asc" }],

src/modules/manager/ssoManager/SsoProviderDetails.tsx

@@ -24,7 +24,7 @@ const SsoProviderDetails: React.FC<SsoProviderDetailsProps> = ({
 }) => {
   const { ssoProviderId } = useParams<{ ssoProviderId: string }>();
   const location = useLocation();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelName = t("Name");
   const labelClientId = t("ClientId");

src/modules/manager/ssoManager/components/ssoManagerTable.tsx

@@ -16,7 +16,7 @@ const SsoManagerTable: React.FC<PublishedTableProps<GetSsoProvider>> = ({
   onDelete,
   onSort,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const columns: Column<GetSsoProvider>[] = useMemo(
     () => [{ key: "name", label: t("Name"), order: "asc" }],

src/modules/manager/ssoManager/ssoManager.tsx

@@ -12,7 +12,7 @@ import Loading from "../../../components/common/Loading";
 import Permission from "../../../components/common/Permission";
 
 const SsoManager: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] = useState<Paginated<GetSsoProvider>>({
     page: 1,

src/modules/manager/users/UserDetails.tsx

@@ -10,7 +10,7 @@ interface UserDetailsProps {
 }
 
 const UserDetails: React.FC<UserDetailsProps> = ({ editMode }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const heading = editMode ? t("EditUser") : t("AddUser");
 

src/modules/manager/users/components/GeneralTab.tsx

@@ -24,7 +24,7 @@ interface GeneralTabProps {
 
 const GeneralTab: React.FC<GeneralTabProps> = ({ isEditMode }) => {
   const { userId } = useParams<{ userId: string }>();
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   const labelFirstName = t("FirstName");
   const labelMiddleNames = t("MiddleNames");

src/modules/manager/users/components/usersTable.tsx

@@ -24,7 +24,7 @@ const UsersTable: React.FC<UsersTableProps> = ({
   onSort,
   resendConfirmEmail,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const canResendConfirmMail = authentication.hasAccess("ResendConfirmMail");
 
   const resendConfirmEmailHandler = useCallback(

src/modules/manager/users/users.tsx

@@ -11,7 +11,7 @@ import Loading from "../../../components/common/Loading";
 import Permission from "../../../components/common/Permission";
 
 const Users: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] = useState<Paginated<GetUser>>({
     page: 1,

src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx

@@ -26,7 +26,7 @@ import TasksTab from "./components/TasksTab";
 const WorkflowTemplateDetails: React.FC<{ editMode: boolean }> = ({
   editMode,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const { userId } = useParams<{ userId: string }>();
   const [activeTab, setActiveTab] = React.useState("general");
 

src/modules/manager/workflowTemplates/WorkflowTemplateManager.tsx

@@ -12,7 +12,7 @@ import workflowTemplatesService, {
 import WorkflowTemplateManagerTable from "./components/WorkflowTemplateTable";
 
 const WotkflowTemplateManager: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const [loaded, setLoaded] = useState(false);
   const [pagedData, setPagedData] = useState<Paginated<ReadWorkflowTemplate>>({
     page: 1,

src/modules/manager/workflowTemplates/components/AddTaskButton.tsx

@@ -2,6 +2,8 @@ import React from "react";
 import templateVersionsService, {
   TaskMetadata,
 } from "../services/WorkflowTemplateService";
+import { useTranslation } from "react-i18next";
+import { Namespaces } from "../../../../i18n/i18n";
 
 interface AddTaskButtonProps {
   taskType: string;
@@ -13,6 +15,9 @@ const AddTaskButton: React.FC<AddTaskButtonProps> = ({ taskType, onAdd }) => {
   const [items, setItems] = React.useState<TaskMetadata[]>([]);
   const [loading, setLoading] = React.useState(false);
 
+  const { t } = useTranslation(Namespaces.Common);
+  const { t: tTaskType } = useTranslation(Namespaces.TaskTypes);
+
   const toggle = async () => {
     const next = !open;
     setOpen(next);
@@ -32,12 +37,12 @@ const AddTaskButton: React.FC<AddTaskButtonProps> = ({ taskType, onAdd }) => {
   return (
     <div className="add-task-button">
       <button className="btn btn-secondary" type="button" onClick={toggle}>
-        Add Task
+        {t("AddTask")}
       </button>
 
       {open && (
         <div className="dropdown-menu show">
-          {loading && <div className="dropdown-item">Loading…</div>}
+          {loading && <div className="dropdown-item">{t("Loading")}</div>}
 
           {!loading &&
             items.map((item) => (
@@ -49,7 +54,7 @@ const AddTaskButton: React.FC<AddTaskButtonProps> = ({ taskType, onAdd }) => {
                   setOpen(false);
                 }}
               >
-                {item.displayName}
+                {tTaskType(item.displayName)}
               </button>
             ))}
         </div>

src/modules/manager/workflowTemplates/components/GeneralTab.tsx

@@ -24,7 +24,7 @@ const GeneralTab: React.FC<GeneralTabProps> = ({
   onFieldChange,
   handleDomainPickerChange,
 }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
 
   return (
     <div>

src/modules/manager/workflowTemplates/components/WorkflowTemplateTable.tsx

@@ -11,7 +11,7 @@ import { ReadWorkflowTemplate } from "../services/WorkflowTemplateService";
 const WorkflowTemplateManagerTable: React.FC<
   PublishedTableProps<ReadWorkflowTemplate>
 > = ({ data, sortColumn, onChangePage, onSearch, onDelete, onSort }) => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   const canViewSite = authentication.hasAccess("ViewSite");
 
   const columns: Column<ReadWorkflowTemplate>[] = useMemo(

src/modules/profile/components/InternalProfile.tsx

@@ -17,7 +17,7 @@ import {
 } from "../../../components/common/formHelpers";
 
 const InternalProfile: React.FC = () => {
-  const { t } = useTranslation<typeof Namespaces.Common>();
+  const { t } = useTranslation(Namespaces.Common);
   //Internal login version
   const labelFirstName = t("FirstName");
   const labelMiddleNames = t("MiddleNames");