Fix + button

src/pages/taskmanager/components/task-detail/TaskDetailMetadataPreview.tsx

@@ -12,9 +12,11 @@ type Props = {
   selectedUsers: TaskUser[];
   startDate: DateObject | null;
   endDate: DateObject | null;
+  onAddLabel?: () => void;
+  onAddUser?: () => void;
 };
 
-const TaskDetailMetadataPreview: FC<Props> = ({ selectedLabels, selectedUsers, startDate, endDate }) => {
+const TaskDetailMetadataPreview: FC<Props> = ({ selectedLabels, selectedUsers, startDate, endDate, onAddLabel, onAddUser }) => {
   const { t } = useTranslation("global");
   const dateLabel = formatDateRange(startDate, endDate);
 
@@ -34,6 +36,7 @@ const TaskDetailMetadataPreview: FC<Props> = ({ selectedLabels, selectedUsers, s
           ))}
           <button
             type="button"
+            onClick={onAddLabel}
             className="size-7 rounded-lg border border-[#D0D0D0] bg-white/60 flex items-center justify-center cursor-pointer shrink-0"
             aria-label={t("taskmanager.task_detail.new_label")}
           >
@@ -62,6 +65,7 @@ const TaskDetailMetadataPreview: FC<Props> = ({ selectedLabels, selectedUsers, s
           ))}
           <button
             type="button"
+            onClick={onAddUser}
             className="size-7 rounded-full border border-[#D0D0D0] bg-white/60 flex items-center justify-center cursor-pointer shrink-0"
             aria-label={t("taskmanager.users")}
           >

src/pages/taskmanager/components/task-detail/TaskDetailToolbar.tsx

@@ -99,6 +99,19 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange, taskDetail, task
     onTabChange(tab);
   };
 
+  const handleAddLabelClick = () => {
+    setLabelsView("create");
+    if (activeTab !== "labels") {
+      onTabChange("labels");
+    }
+  };
+
+  const handleAddUserClick = () => {
+    if (activeTab !== "users") {
+      onTabChange("users");
+    }
+  };
+
   const handleLabelToggle = (id: string) => {
     setSelectedLabelIds((prev) => {
       const next = new Set(prev);
@@ -335,6 +348,8 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange, taskDetail, task
         selectedUsers={selectedUsers}
         startDate={startDate}
         endDate={endDate}
+        onAddLabel={handleAddLabelClick}
+        onAddUser={handleAddUserClick}
       />
     </div>
   );