@@ -2,19 +2,15 @@ import React, { useState, useEffect, useRef } from 'react';
22import Sidebar from '../chunk/SideBar' ;
33import DataChunk from "../chunk/DataSelectChunk/DataChunk" ;
44import Loading from "../chunk/LoadingChunk/Loading" ;
5- import SidePanel from "../chunk/Tasks/TasksAside" ;
65import { Task } from "../../ui/props/Tasks/Task" ;
7- import { TimeData } from "../../ui/props/Tasks/TimeData" ;
86import { ListTypeDTO } from "../../Aplication/Dto/ArrayDto/ListType/ListTypeDTO" ;
97import { TasksService } from "../../Aplication/UseCases/Tasks/TasksService" ;
108import { TasksApi } from "../../Infrastructure/request/tasks/TasksApi" ;
119import { Messages , ErrorAlert , SuccessAlert , IsDoneAlert } from '../chunk/MessageAlertChunk' ;
12- import { TaskDelete } from "../../ui/props/Tasks/TaskDelete" ;
1310import { TaskUpdate } from "../../ui/props/Tasks/TaskUpdate" ;
1411import { SaveTasksDto } from "../../ui/props/Tasks/SaveTasksDto" ;
1512import { TasksDateDto } from "../../ui/props/Tasks/TasksDateDto" ;
1613import { Period } from "../../ui/props/Tasks/type/periodType" ;
17- import ResizablePanel from "../../ui/organism/Aside/ResizablePanel" ;
1814import { ImperativePanelGroupHandle , Panel , PanelGroup , PanelResizeHandle } from "react-resizable-panels" ;
1915import { Button } from "../../ui/atoms/button/Button" ;
2016import TextArea from "../../ui/atoms/TextArea/TextArea" ;
@@ -24,6 +20,7 @@ import {useTranslation} from "react-i18next";
2420import { LanguageRequestUseCase } from "../../Aplication/UseCases/language/LanguageRequestUseCase" ;
2521import { LanguageApi } from "../../Infrastructure/request/Language/LanguageApi" ;
2622import { formatTaskDateTime } from "../../Domain/Services/Tasks/taskDateFormatter" ;
23+ import { ListTasks } from "../../ui/props/Tasks/ListTasks/ListTasks" ;
2724
2825const tasksService = new TasksService ( new TasksApi ( ) ) ;
2926const LangUseCase = new LanguageRequestUseCase ( new LanguageApi ( ) ) ;
@@ -49,9 +46,7 @@ const TasksPage: React.FC = () => {
4946 } ) ;
5047 const [ tasks , setTasks ] = useState < Task [ ] > ( [ ] ) ;
5148 const [ editingTask , setEditingTask ] = useState < Task | null > ( null ) ;
52- const [ infoTasks , setInfoTasks ] = useState < Task | null > ( null ) ;
5349 const [ showEditModal , setShowEditModal ] = useState < boolean > ( false ) ;
54- const [ showInfoTasks , setShowInfoTasks ] = useState < boolean > ( false ) ;
5550 const [ loading , setLoading ] = useState < boolean > ( false ) ;
5651 const [ error , setError ] = useState < string | null > ( null ) ;
5752 const [ showEditDateModal , setShowEditDateModal ] = useState < boolean > ( false ) ;
@@ -66,7 +61,7 @@ const TasksPage: React.FC = () => {
6661 const [ langCode , setLangCode ] = useState ( 'en' ) ;
6762 const { t, i18n } = useTranslation ( 'translation' ) ;
6863 const [ translationsLoaded , setTranslationsLoaded ] = useState < boolean > ( false ) ;
69-
64+ const [ ListTasks , SetListTasks ] = useState < ListTasks [ ] | [ ] > ( [ ] )
7065
7166
7267 useEffect ( ( ) => {
@@ -86,6 +81,27 @@ const TasksPage: React.FC = () => {
8681 detectLang ( ) ;
8782 } , [ ] ) ;
8883
84+
85+ useEffect ( ( ) => {
86+ const fetchListTasks = async ( ) => {
87+ try {
88+ let result = await tasksService . getListTasks ( ) ;
89+ if ( ! result ) {
90+ SetListTasks ( [ ] ) ;
91+ return ;
92+ }
93+ SetListTasks ( result ) ;
94+ } catch ( error ) {
95+ console . error ( "Ошибка при загрузке задач:" , error ) ;
96+ SetListTasks ( [ ] ) ;
97+ }
98+ } ;
99+
100+ fetchListTasks ( ) ;
101+ } , [ ] ) ;
102+
103+
104+
89105 const formatDate = ( date : Date ) : string => {
90106 const year = date . getFullYear ( ) ;
91107 const month = String ( date . getMonth ( ) + 1 ) . padStart ( 2 , '0' ) ;
@@ -348,7 +364,6 @@ const TasksPage: React.FC = () => {
348364
349365 const renderTaskDateTime = ( task : Task ) => {
350366 const lines = formatTaskDateTime ( task ) ;
351- console . log ( task ) ;
352367 return (
353368 < div >
354369 { lines . map ( ( line , index ) => (
@@ -379,6 +394,13 @@ const TasksPage: React.FC = () => {
379394 < Button key = { 5 } variant = "listButton" isActive = { activeId === 5 } onClick = { ( ) => handlePeriodChange ( 'nextMonth' , 5 ) } className = "day handl" > { t ( 'buttons.MonthButton' ) } </ Button >
380395 </ div >
381396 </ div >
397+
398+ < div className = "list-tasks" >
399+ < button className = "triger" onClick = { ( ) => setAddList ( true ) } > Добавить список</ button >
400+ { ListTasks . map ( ( task ) => (
401+ < button > task.label</ button >
402+ ) ) }
403+ </ div >
382404 </ div >
383405 </ div >
384406 </ Panel >
0 commit comments