fix: добавлена переадресация после "самоисключения" из доски, исправлен текст и расположение некоторых кнопок

src/KBBoard/BoardLogic.js

@@ -132,7 +132,7 @@ export const useBoardLogic = (id, setError, setInfo, setCategories, setLoading,
         } finally {
             setLoading(false);
         }
-    }, [setLoading, setError]);
+    }, [setLoading, setError, navigate]);
 
     const deleteCategory = useCallback(async (categoryId, modalDelCateg, modalEditCateg) => {
         setLoading(true);
@@ -203,6 +203,7 @@ export const useBoardLogic = (id, setError, setInfo, setCategories, setLoading,
             await quitMemberAPI( boardId );
             await loadBoardData();
             modalQuitMember();
+            navigate('/kanban-boards-list');
         } catch {
             setError('Ошибка');
         } finally{
@@ -222,7 +223,7 @@ export const useBoardLogic = (id, setError, setInfo, setCategories, setLoading,
         } finally {
             setLoading(false);
         }
-    }, [loadBoardData, setLoading, setError, navigate]);
+    }, [loadBoardData, setLoading, setError]);
 
 
     

src/KBBoard/KBBoard.js

@@ -43,7 +43,6 @@ const KBBoard = () => {
     const [assignedMember, setAssignedMember] = useState(0);
     const [addedUsername, setAddedUsername] = useState('');
     const [deletedMember, setDeletedMember] = useState('');
-
     const {
         loadBoardData,
         createTask,
@@ -67,7 +66,7 @@ const KBBoard = () => {
         return (
             <button onClick={user}>
                 <div className="row">
-                    <h3>{item.display_name}<img className='members-avatar' src={item.avatar_url}></img></h3>
+                    <h3>{item.display_name}<img className='members-avatar' src={item.avatar_url} alt=''></img></h3>
                     <p><strong>Описание:</strong> {item.description ? item.description : 'Отсутствует'}</p>
                 </div>
             </button>
@@ -151,7 +150,6 @@ const KBBoard = () => {
         e.preventDefault();
         await editBoard(id, boardTitle, boardDescription, modalEditBoard);
     }; 
-    
     const handleEditCategory = async (e) => {
         e.preventDefault();
         await editCategory(editedCateg.id, categoryTitle, modalEditCateg);
@@ -205,7 +203,7 @@ const KBBoard = () => {
                                 <strong>Участники: </strong> 
                                 {(info.members || []).map((member) => (
                                     (member.id !== info.owner.id) ? (
-                                        <img key={member.id} className='members-avatar' src={member.avatar_url}></img>
+                                        <img key={member.id} className='members-avatar' src={member.avatar_url} alt=''></img>
                                     ) : (
                                         <></>
                                     )
@@ -270,10 +268,9 @@ const KBBoard = () => {
                                         <button className='task' onClick={modalEditTask(task, category.id)} key={task.id}>
                                             <div>{task.title}</div>
                                             <div>{task.description}</div>
-                                            <div>Исполнители
+                                            <div>Исполнители:
                                                 {task.assigned_users.map((member) => (
-                                                    <img key={member.id} className='members-avatar' src={member.avatar_url}></img>
-                                                    
+                                                    <img key={member.id} className='members-avatar' src={member.avatar_url} alt=''></img>
                                                 ))}
                                             </div>  
                                         </button>
@@ -520,7 +517,7 @@ const KBBoard = () => {
                 {addMemb && (
                     <div className="confirm-modal">
                         <div className="modal-content">
-                            <div><h3>Добавление участникf</h3></div>
+                            <div><h3>Добавление участника</h3></div>
                             <form onSubmit={handleAddMember}>
                                 <label >Введите логин человека которого хотите пригласить</label>
                                 <input
@@ -529,10 +526,10 @@ const KBBoard = () => {
                                     value={addedUsername}
                                     onChange={(e) => setAddedUsername(e.target.value)}
                                 />
-                                <button onClick={modalAddMember} type='reset'>Отменить</button>
                                 <button type="submit" disabled={loading}>
                                     {loading ? 'Добавление...' : 'Добавить'}
                                 </button>
+                                <button onClick={modalAddMember} type='reset'>Отменить</button>
                             </form>
                         </div>
                     </div>
@@ -602,7 +599,7 @@ const KBBoard = () => {
                                 <label >Вы точно хотите покинуть эту Канбан доску?</label>
                                 <button onClick={modalQuitMember} type='reset'>Отменить</button>
                                 <button className="Important-button" type="submit" disabled={loading}>
-                                    {loading ? 'Удаление...' : 'Удалить'}
+                                    {loading ? 'Покинуть...' : 'Покинуть'}
                                 </button>
                             </form>
                         </div>
@@ -640,9 +637,6 @@ const KBBoard = () => {
                     </div>
                 )}
 
-
-
-                
      		</div>
         </div>
 	);