Fool-Stack/Kanban-Front
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: пофикшен доступ Websocket через SSL

Browse Source 
refactor: косметический рефактор кода
This commit is contained in:
Dozzy7528
2026-03-30 18:31:04 +03:00
parent deb2fd4533
commit d478c1570a
1 changed files with 105 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/KBBoard/KBBoard.js
View File

@@ -1,5 +1,5 @@
import { useState, useEffect } from 'react';
import { useParams, useNavigate } from 'react-router-dom';
import {useEffect, useState} from 'react';
import {useNavigate, useParams} from 'react-router-dom';
import {useBoardLogic} from './BoardLogic';
import Header from './../Header';
import './../css/Board.css';
@@ -66,7 +66,9 @@ const KBBoard = () => {
function ListItem({item}) {
if (!item) return null;
const user = () => { navigate('/profile/' + item.id); };
const user = () => {
navigate('/profile/' + item.id);
};
return (
<>
<button onClick={user}>
@@ -83,7 +85,7 @@ const KBBoard = () => {
const [socket, setSocket] = useState(null);
useEffect(() => {
const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
const ws = new WebSocket(`${protocol}//back.fool-stack.ru/api/boards/ws/`+id);
const ws = new WebSocket(`${protocol}//ws.back.fool-stack.ru/api/boards/ws/` + id);
ws.onopen = () => {
console.log('WebSocket соединение установлено');
setSocket(ws);
@@ -239,7 +241,6 @@ const KBBoard = () => {
};
const handleDragEnd = (e) => {
setDraggedType(null);
setDraggedItem(null);
@@ -304,7 +305,6 @@ const KBBoard = () => {
};
const handleTaskReorder = async (e, targetPosition, targetCategoryPos) => {
e.stopPropagation();
e.preventDefault();
@@ -360,7 +360,8 @@ const KBBoard = () => {
{(info.members || []).map((member) => (
<div key={member.id}>
{(member.id !== info.owner?.id) ? (
<img className='members-avatar' src={member.avatar_url} alt={member.display_name || 'Участник'}></img>
<img className='members-avatar' src={member.avatar_url}
alt={member.display_name || 'Участник'}></img>
) : (
<></>
)}
@@ -427,7 +428,8 @@ const KBBoard = () => {
<div className='task-list'>
{category.tasks.length > 0 ? (
category.tasks.map((task) => (
<button className='task' onClick={modalEditTask(task, category.id)} key={task.position}
<button className='task' onClick={modalEditTask(task, category.id)}
key={task.position}
draggable="true"
onDragStart={(e) => handleTaskDragStart(e, task, category.position)}
onDragLeave={handleDragLeave}
@@ -445,13 +447,15 @@ const KBBoard = () => {
year: 'numeric',
hour: '2-digit',
minute: '2-digit',
timeZone: 'UTC'})}
timeZone: 'UTC'
})}
</div>
)}
{task.assigned_users[0] !== undefined && (
<div>Исполнители:
{task.assigned_users.map((member) => (
<img key={member.id} className='members-avatar' src={member.avatar_url} alt=''></img>
<img key={member.id} className='members-avatar'
src={member.avatar_url} alt=''></img>
))}
</div>
)}
@@ -559,7 +563,8 @@ const KBBoard = () => {
</div>
<div>
<label>Исполнитель:</label>
<select value={assignedMembers} onChange={(e) => setAssignedMembers(e.target.value)}>
<select value={assignedMembers}
onChange={(e) => setAssignedMembers(e.target.value)}>
<option value={null}>
Выберите пользователя
</option>
@@ -660,7 +665,8 @@ const KBBoard = () => {
year: 'numeric',
hour: '2-digit',
minute: '2-digit',
timeZone: 'UTC'}) : ""}
timeZone: 'UTC'
}) : ""}
</label>
<input
type="datetime-local"
@@ -771,7 +777,8 @@ const KBBoard = () => {
<div>
<div>
<label>Исполнитель:</label>
<select value={assignedMember} onChange={(e) => setAssignedMember(e.target.value)}>
<select value={assignedMember}
onChange={(e) => setAssignedMember(e.target.value)}>
<option value={0}>
Выберите пользователя
</option>
@@ -796,7 +803,8 @@ const KBBoard = () => {
<div>
<div>
<label>Исполнитель:</label>
<select value={assignedMember} onChange={(e) => setAssignedMember(e.target.value)}>
<select value={assignedMember}
onChange={(e) => setAssignedMember(e.target.value)}>
<option value={0}>
Выберите пользователя
</option>