apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adaptive

Browse Source
This commit is contained in:
Николай Полтщук 2023-08-04 23:24:18 +03:00
parent 3db87fca20
commit 03071a7f91
2 changed files with 40 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/TrackerSelectColumn/TrackerSelectColumn.jsx
View File

@ -5,32 +5,41 @@ import { moveProjectTask } from "@redux/projectsTrackerSlice";
import arrowDown from "assets/icons/arrows/selectArrow.png";
import './trackerSelectColumn.scss'
import "./trackerSelectColumn.scss";
export const TrackerSelectColumn = ({columns, task, currentColumn}) => {
const dispatch = useDispatch();
const [openSelect, setOpenSelect] = useState(false)
return(
<div className='trackerSelectColumn' onClick={() => setOpenSelect(!openSelect)}>
<p>Выберите колонку</p>
<img className={openSelect ? 'open' : ''} src={arrowDown} alt='arrow' />
{openSelect &&
<div className='trackerSelectColumn__dropDown'>
{columns.map((column) => {
return <p key={column.id} onClick={() => {
dispatch(moveProjectTask({
startWrapperIndex: {index: currentColumn, task},
columnId: column.id
}))
}
}>{column.title}</p>
export const TrackerSelectColumn = ({ columns, task, currentColumn }) => {
const dispatch = useDispatch();
const [openSelect, setOpenSelect] = useState(false);
return (
<div
className="trackerSelectColumn"
onClick={() => setOpenSelect(!openSelect)}
>
<p>Выберите колонку</p>
<img className={openSelect ? "open" : ""} src={arrowDown} alt="arrow" />
{openSelect && (
<div className="trackerSelectColumn__dropDown">
{columns.map((column) => {
return (
<p
key={column.id}
onClick={() => {
dispatch(
moveProjectTask({
startWrapperIndex: { index: currentColumn, task },
columnId: column.id,
})
}
</div>
}
);
}}
>
{column.title}
</p>
);
})}
</div>
)
)}
</div>
);
};
export default TrackerSelectColumn;

13
src/pages/ProjectTracker/ProjectTracker.js
View File

@ -194,8 +194,8 @@ export const ProjectTracker = () => {
}
function openTicket(e, task) {
if (window. innerWidth < 900) {
return
if (window.innerWidth < 900) {
return;
}
setSelectedTicket(task);
setModalActiveTicket(true);
@ -687,9 +687,12 @@ export const ProjectTracker = () => {
</div>
</div>
<TrackerSelectColumn
columns={projectBoard.columns.filter((item) => item.id !== column.id)}
currentColumn={column.id}
task={task} />
columns={projectBoard.columns.filter(
(item) => item.id !== column.id
)}
currentColumn={column.id}
task={task}
/>
</div>
);
})}