скорректировала MyTaskToolBar

planner-front/src/App.js

@@ -21,7 +21,7 @@ const App = () => {
             <>
               <AppToolbar/>
               <main>
-                  <Container>
+                  <Container >
                       <Outlet/>
                   </Container>
               </main>

planner-front/src/containers/MyTasks/MyTaskToolBar/MyTaskToolBar.js → planner-front/src/components/MyTaskToolBar/MyTaskToolBar.js

@@ -24,7 +24,7 @@ export default function ButtonAppBar() {
           <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
             Мои задачи
           </Typography>
-          <Button color="inherit">Login</Button>
+          <Button color="inherit">Добавить задачу</Button>
         </Toolbar>
       </AppBar>
     </Box>

planner-front/src/containers/MyTasks/MyTasks.js

 import * as React from 'react';
-import PropTypes from 'prop-types';
 import Box from '@mui/material/Box';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
@@ -7,7 +6,6 @@ import TableCell from '@mui/material/TableCell';
 import TableContainer from '@mui/material/TableContainer';
 import TablePagination from '@mui/material/TablePagination';
 import TableRow from '@mui/material/TableRow';
-import Typography from '@mui/material/Typography';
 import Paper from '@mui/material/Paper';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
@@ -18,8 +16,7 @@ import { Done } from '@mui/icons-material';
 import {Edit} from '@mui/icons-material'
 import TaskModal from '../../components/UI/TaskModal/TaskModal'
 import EnhancedTableHead from './MyTasksHeader/MyTasksHeader';
-import { Container } from '@mui/system';
-import Button from '../../components/UI/Button/Button'
+import MyTaskToolBar from '../../components/MyTaskToolBar/MyTaskToolBar'
 
 function descendingComparator(a, b, orderBy) {
   if (b[orderBy] < a[orderBy]) {
@@ -183,14 +180,11 @@ const exampleTasks=[
   
   
   return (
-    <Box sx={{ width: '100%' }}>
+    <Box sx={{ width: 'fullwidth' }}>
       <Paper sx={{ width: '100%', mb: 2 }}>
-  <Container sx={{display:'flex',justifyContent:'space-between'}}> 
-  <Typography sx={{margin:'10px'}}>Мои задачи</Typography>
-  <Button
-    btnText={'Добавить задачу'}/>
-  </Container>
-        
+
+      <MyTaskToolBar/>
+
         <TableContainer>
           <Table
             sx={{ minWidth: 750 }}

planner-front/src/containers/MyTasks/MyTasksHeader/MyTasksHeader.js

 import * as React from 'react';
 import PropTypes from 'prop-types';
 import Box from '@mui/material/Box';
-import Table from '@mui/material/Table';
-import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
-import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
-import TablePagination from '@mui/material/TablePagination';
 import TableRow from '@mui/material/TableRow';
 import TableSortLabel from '@mui/material/TableSortLabel';
-import Typography from '@mui/material/Typography';
-import Paper from '@mui/material/Paper';
-import IconButton from '@mui/material/IconButton';
-import Tooltip from '@mui/material/Tooltip';
-import DeleteIcon from '@mui/icons-material/Delete';
+
 import { visuallyHidden } from '@mui/utils';
-import { useState } from "react";
-import Input from '@mui/material/Input';
-import { Done } from '@mui/icons-material';
-import {Edit} from '@mui/icons-material'
 
 
 function descendingComparator(a, b, orderBy) {