kanban working

Author: batdimoiprint

src/components/apis/axiosInstance.ts

@@ -2,7 +2,7 @@ import axios from 'axios';
 
 export const API_BASE_URL = "https://flowboard-backend.azurewebsites.net/";
 // export const API_BASE_URL = "https://animated-space-fiesta-w6wpx564wqxh5vwj-5158.app.github.dev//";
-//  export const API_BASE_URL = "http://localhost:5158/";
+// export const API_BASE_URL = "http://localhost:5158/";
 
 const axiosInstance = axios.create({
     baseURL: API_BASE_URL,

src/components/apis/tasks.ts

@@ -16,7 +16,8 @@ export interface CreateTaskData {
 }
 
 export interface TaskResponse {
-    _id: string;
+    id: string;
+    _id?: string; // Keep for backward compatibility
     projectId?: string;
     category?: string; // API uses 'category' instead of 'categoryId'
     categoryId?: string; // Keep for backward compatibility
@@ -168,9 +169,13 @@ export const tasksApi = {
      * Backend path: PATCH /api/tasks/{taskId}/category
      */
     patchTaskCategory: async (taskId: string, categoryId: string): Promise<{ message: string; categoryId: string; categoryName: string }> => {
+        const payload = {
+            categoryId: categoryId,
+            category: categoryId, // Send both variants for backend compatibility
+        };
         const response = await axiosInstance.patch<{ message: string; categoryId: string; categoryName: string }>(
             `/api/tasks/${taskId}/category`,
-            { categoryId }
+            payload
         );
         return response.data;
     },

src/components/apis/users.ts

@@ -1,6 +1,7 @@
 import axiosInstance from './axiosInstance';
 import type { User } from './auth';
 
+export type { User };
 export type UserUpdateRequest = Partial<Omit<User, 'id' | 'createdAt'>> & {
     password?: string;
 };

src/components/dialogs/CreateTaskDialog.tsx

@@ -163,7 +163,7 @@ export default function CreateTaskDialog({
                                     onKeyDown={handleTitleKeyDown}
                                     ref={inputRef}
                                     size="large"
-                                    style={{ fontWeight: 600, fontSize: 22, padding: 0, height: 40 }}
+                                    style={{ fontWeight: 600, fontSize: 22, padding: 0, height: 40, width: '100%' }}
                                 />
                             ) : (
                                 <DialogTitle

src/components/dialogs/EditTaskDialog.tsx

@@ -229,7 +229,7 @@ export default function EditTaskDialog({
                                     onKeyDown={handleTitleKeyDown}
                                     ref={inputRef}
                                     size="large"
-                                    style={{ fontWeight: 600, fontSize: 22, padding: 0, height: 40 }}
+                                    style={{ fontWeight: 600, fontSize: 22, padding: 0, height: 40, width: '100%' }}
                                 />
                             ) : (
                                 <DialogTitle