Dev (#159)

Author: Tech-lo

src/components/routes/create-plan/CreatePlan.test.tsx

@@ -320,7 +320,7 @@ describe("CreatePlan Component", () => {
     const tagInput = screen.getByPlaceholderText("Add a tag");
     fireEvent.change(tagInput, { target: { value: "tag1" } });
     fireEvent.keyDown(tagInput, { key: "Enter", code: "Enter" });
-    expect(screen.getByText("tag1")).toBeInTheDocument();
+    expect(screen.getByText("Tag1")).toBeInTheDocument();
   });
 
   it("shows no image preview initially", () => {

src/components/routes/task/api/taskApi.ts

@@ -46,7 +46,7 @@ export const createSubTasks = async (
     duration?: string;
     source_text_id?: string | null;
     pecha_segment_id?: string | null;
-    segment_id?: string | null;
+    segment_ids?: string[] | null;
   }[],
 ) => {
   const { data } = await axiosInstance.post(
@@ -72,7 +72,7 @@ export const updateSubTasks = async (
     duration?: string;
     source_text_id?: string | null;
     pecha_segment_id?: string | null;
-    segment_id?: string | null;
+    segment_ids?: string[] | null;
   }[],
 ) => {
   await axiosInstance.put(

src/components/routes/task/components/view/TaskForm.tsx

@@ -84,7 +84,7 @@ const TaskForm = ({
           ...(subTask.content_type === "SOURCE_REFERENCE" && {
             source_text_id: subTask.source_text_id || null,
             pecha_segment_id: subTask.pecha_segment_id || null,
-            segment_id: subTask.segment_id || null,
+            segment_ids: subTask.segment_ids || null,
           }),
         }));
         await createSubTasks(taskResponse.id, subTasksPayload);
@@ -117,7 +117,7 @@ const TaskForm = ({
         ...(subTask.content_type === "SOURCE_REFERENCE" && {
           source_text_id: subTask.source_text_id || null,
           pecha_segment_id: subTask.pecha_segment_id || null,
-          segment_id: subTask.segment_id || null,
+          segment_ids: subTask.segment_ids || null,
         }),
       }));
       await updateSubTasks(editingTask.id, subTasksPayload);
@@ -194,7 +194,7 @@ const TaskForm = ({
               content: data.content,
               source_text_id: data.source_text_id || null,
               pecha_segment_id: data.pecha_segment_id || null,
-              segment_id: data.segment_id || null,
+              segment_ids: data.segment_ids || null,
             };
           default:
             return {
@@ -212,7 +212,7 @@ const TaskForm = ({
     content: string;
     pecha_segment_id: string;
     text_id: string;
-    segment_id: string;
+    segment_ids: string[];
   }
 
   const handleAddSubTask = (content_type: any, sourceData?: SourceData) => {
@@ -256,7 +256,7 @@ const TaskForm = ({
           content: sourceData?.content || "",
           source_text_id: sourceData?.text_id || null,
           pecha_segment_id: sourceData?.pecha_segment_id || null,
-          segment_id: sourceData?.segment_id || null,
+          segment_ids: sourceData?.segment_ids || null,
         };
         break;
     }

src/components/ui/molecules/content-sub/ContentTypeSelector.tsx

@@ -10,7 +10,7 @@ interface SourceData {
   content: string;
   pecha_segment_id: string;
   text_id: string;
-  segment_id: string;
+  segment_ids: string[];
 }
 
 interface ContentTypeSelectorProps {

src/components/ui/molecules/subtask-card/SubTaskCard.tsx

@@ -46,7 +46,7 @@ interface SourceSubTask {
   display_order?: number;
   source_text_id?: string | null;
   pecha_segment_id?: string | null;
-  segment_id?: string | null;
+  segment_ids?: string[] | null;
 }
 export type SubTask =
   | VideoSubTask

src/components/ui/molecules/tag-input/TagInput.tsx

@@ -13,7 +13,13 @@ const TagInput = ({ value = [], onChange }: TagInputProps) => {
   const handleKeyDown = (e: React.KeyboardEvent) => {
     if (e.key === "Enter" && inputValue.trim()) {
       e.preventDefault();
-      onChange?.([inputValue.trim(), ...value]);
+      const trimmed = inputValue.trim();
+      const normalizedTag =
+        trimmed.charAt(0).toUpperCase() + trimmed.slice(1).toLowerCase();
+
+      if (!value.includes(normalizedTag)) {
+        onChange?.([normalizedTag, ...value]);
+      }
       setInputValue("");
     }
   };

src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx

@@ -13,7 +13,7 @@ interface SourceData {
   content: string;
   pecha_segment_id: string;
   text_id: string;
-  segment_id: string;
+  segment_ids: string[];
 }
 
 interface SourceSelectorSheetProps {

src/components/ui/molecules/webuddhist-source/sourceItem.tsx

@@ -19,7 +19,7 @@ const SourceItem = ({ source, onSegment }: any) => {
                 content: segment.content,
                 pecha_segment_id: segment.pecha_segment_id,
                 text_id: source.text.text_id,
-                segment_id: segment.segment_id,
+                segment_ids: [segment.segment_id],
               })
             }
           >