adding task counter

Author: chuchokun

src/api/ProjectAPI.ts

@@ -19,8 +19,10 @@ export async function createProject( formData : ProjectFormData ) {
 
 export async function getProjects() {
     try {
-        const { data } = await api('/projects')
+        const { data } = await api('/projects')        
         const response = dashboardProjectSchema.safeParse(data)
+        console.log({response});
+        
         if(response.success) return response.data        
     } catch (error) {
         if( isAxiosError(error) && error.response){

src/types/index.ts

@@ -22,17 +22,19 @@ export const projectSchema = z.object({
     _id: z.string(),
     projectName: z.string(),
     clientName: z.string(),
-    description: z.string()
+    description: z.string(),
+    tasks: z.array( z.object() )
 })
 
 export const dashboardProjectSchema = z.array(
    projectSchema.pick({
         _id: true,
         projectName: true,
         clientName: true,
-        description: true
+        description: true,
+        tasks: true
    })
 )
 
 export type Project = z.infer<typeof projectSchema>
-export type ProjectFormData = Pick<Project , 'clientName' | 'projectName' | 'description' >
+export type ProjectFormData = Pick<Project , 'clientName' | 'projectName' | 'description' | 'tasks' >

src/views/DashboardView.tsx

@@ -13,7 +13,7 @@ export default function DashboardView() {
         queryKey:['projects'],
         queryFn: getProjects
     })
-
+    
     const queryClient = useQueryClient()
     const { mutate } = useMutation({
         mutationFn: deleteProject,
@@ -59,7 +59,10 @@ if(data) return (
                                 Cliente: {project.clientName}
                             </p>
                             <p className="text-sm text-gray-400">
-                                {project.description}
+                                Descripcion: {project.description}
+                            </p>
+                            <p className="text-sm text-gray-400">
+                                Tareas: {project.tasks.length}
                             </p>
                         </div>
                     </div>