From 75f0a9c72e28d958a8d1ca062eac5916ef54f5a0 Mon Sep 17 00:00:00 2001
From: Colin Dawson <me@cjdawson.com>
Date: Thu, 12 Feb 2026 15:58:28 +0000
Subject: [PATCH] The tasks display names are translated when adding a task to
 the task list.

---
 .../components/AddTaskButton.tsx                 |  4 ++--
 .../workflowTemplates/components/TaskList.tsx    | 16 +++++++++++-----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/modules/manager/workflowTemplates/components/AddTaskButton.tsx b/src/modules/manager/workflowTemplates/components/AddTaskButton.tsx
index 791278e..80cbbb8 100644
--- a/src/modules/manager/workflowTemplates/components/AddTaskButton.tsx
+++ b/src/modules/manager/workflowTemplates/components/AddTaskButton.tsx
@@ -7,7 +7,7 @@ import { Namespaces } from "../../../../i18n/i18n";
 
 interface AddTaskButtonProps {
   taskType: string;
-  onAdd: (selectedType: string) => void;
+  onAdd: (selectedType: TaskMetadata) => void;
 }
 
 const AddTaskButton: React.FC<AddTaskButtonProps> = ({ taskType, onAdd }) => {
@@ -50,7 +50,7 @@ const AddTaskButton: React.FC<AddTaskButtonProps> = ({ taskType, onAdd }) => {
                 key={item.taskType}
                 className="dropdown-item"
                 onClick={() => {
-                  onAdd(item.taskType);
+                  onAdd(item);
                   setOpen(false);
                 }}
               >
diff --git a/src/modules/manager/workflowTemplates/components/TaskList.tsx b/src/modules/manager/workflowTemplates/components/TaskList.tsx
index 16736a0..9066b36 100644
--- a/src/modules/manager/workflowTemplates/components/TaskList.tsx
+++ b/src/modules/manager/workflowTemplates/components/TaskList.tsx
@@ -1,6 +1,10 @@
 import React from "react";
-import { TaskDefinition } from "../services/WorkflowTemplateService";
+import {
+  TaskDefinition,
+  TaskMetadata,
+} from "../services/WorkflowTemplateService";
 import AddTaskButton from "./AddTaskButton";
+import { Namespaces } from "../../../../i18n/i18n";
 
 interface TaskListProps {
   tasks: TaskDefinition[];
@@ -9,11 +13,13 @@ interface TaskListProps {
 }
 
 const TaskList: React.FC<TaskListProps> = ({ tasks, taskType, onChange }) => {
-  const handleAddTask = (selectedType: string) => {
+  const { t: tTaskType } = useTranslation(Namespaces.TaskTypes);
+
+  const handleAddTask = (selectedType: TaskMetadata) => {
     const newTask: TaskDefinition = {
-      type: selectedType,
-      // Fill in any other required fields with defaults
-      // e.g. name: "", config: {}, etc.
+      type: selectedType.taskType,
+
+      config: { name: tTaskType(selectedType.displayName) },
     };
 
     console.log("Add Task clicked");