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

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

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

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