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

outClick

Browse Source
This commit is contained in:
Mikola 2023-10-28 17:57:58 +03:00
parent 6dd8ac7604
commit 7fb04005bb
3 changed files with 112 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
View File

@ -94,7 +94,7 @@ export const ModalTiсket = ({
const [acceptModalOpen, setAcceptModalOpen] = useState(false);
const [selectTagsOpen, setSelectTagsOpen] = useState(false);
const { showNotification } = useNotification();
const [commentSendDisable, setCommentSendDisable] = useState(false)
const [commentSendDisable, setCommentSendDisable] = useState(false);
function deleteTask() {
apiRequest("/task/update-task", {
@ -145,8 +145,8 @@ export const ModalTiсket = ({
}
function createComment() {
if (!inputsValue.comment) return
setCommentSendDisable(true)
if (!inputsValue.comment) return;
setCommentSendDisable(true);
apiRequest("/comment/create", {
method: "POST",
data: {
@ -156,7 +156,7 @@ export const ModalTiсket = ({
},
}).then((res) => {
let newComment = res;
setCommentSendDisable(false)
setCommentSendDisable(false);
newComment.created_at = new Date();
newComment.subComments = [];
setInputsValue((prevValue) => ({ ...prevValue, comment: "" }));
@ -289,7 +289,7 @@ export const ModalTiсket = ({
}
useEffect(() => {
initListeners()
initListeners();
apiRequest(
`/comment/get-by-entity?entity_type=2&entity_id=${task.id}`
).then((res) => {
@ -524,7 +524,7 @@ export const ModalTiсket = ({
)
) {
setDropListOpen(false);
setDropListMembersOpen(false)
setDropListMembersOpen(false);
}
if (
@ -536,7 +536,7 @@ export const ModalTiсket = ({
div.classList.contains("react-datepicker-popper"))
)
) {
setDatePickerOpen(false)
setDatePickerOpen(false);
}
if (
@ -548,20 +548,18 @@ export const ModalTiсket = ({
div.classList.contains("tags__dropDown"))
)
) {
setSelectTagsOpen(false)
}
setSelectTagsOpen(false);
}
};
return (
<div
className={active ? "modal-tiket active" : "modal-tiket"}
onClick={(e) => {
if(e.target.className.includes('modal-tiket')) setActive(false)
if (e.target.className.includes("modal-tiket")) setActive(false);
}}
>
<div
className="modal-tiket__content"
>
<div className="modal-tiket__content">
<div className="content">
<h3 className="title-project">
<img src={category} className="title-project__category"></img>
@ -697,7 +695,11 @@ export const ModalTiсket = ({
}));
}}
/>
<img className={commentSendDisable ? 'disable' : ''} src={send} onClick={createComment}></img>
<img
className={commentSendDisable ? "disable" : ""}
src={send}
onClick={createComment}
></img>
</div>
<div className="comments__list">
{comments.map((comment) => {

27
src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
View File

@ -93,10 +93,10 @@ export const TicketFullScreen = () => {
const [selectTagsOpen, setSelectTagsOpen] = useState(false);
const [correctProjectTags, setCorrectProjectTags] = useState([]);
const { showNotification } = useNotification();
const [commentSendDisable, setCommentSendDisable] = useState(false)
const [commentSendDisable, setCommentSendDisable] = useState(false);
useEffect(() => {
initListeners()
initListeners();
apiRequest(`/task/get-task?task_id=${ticketId.id}&expand=mark`).then(
(taskInfo) => {
setTaskInfo(taskInfo);
@ -219,8 +219,8 @@ export const TicketFullScreen = () => {
}
function createComment() {
if (!inputsValue.comment) return
setCommentSendDisable(true)
if (!inputsValue.comment) return;
setCommentSendDisable(true);
apiRequest("/comment/create", {
method: "POST",
data: {
@ -230,7 +230,7 @@ export const TicketFullScreen = () => {
},
}).then((res) => {
let newComment = res;
setCommentSendDisable(false)
setCommentSendDisable(false);
newComment.created_at = new Date();
newComment.subComments = [];
setInputsValue((prevValue) => ({ ...prevValue, comment: "" }));
@ -547,7 +547,7 @@ export const TicketFullScreen = () => {
)
) {
setDropListOpen(false);
setDropListMembersOpen(false)
setDropListMembersOpen(false);
}
if (
@ -559,7 +559,7 @@ export const TicketFullScreen = () => {
div.classList.contains("react-datepicker-popper"))
)
) {
setDatePickerOpen(false)
setDatePickerOpen(false);
}
if (
@ -571,7 +571,7 @@ export const TicketFullScreen = () => {
div.classList.contains("tags__dropDown"))
)
) {
setSelectTagsOpen(false)
setSelectTagsOpen(false);
}
if (
@ -583,9 +583,9 @@ export const TicketFullScreen = () => {
div.classList.contains("persons__list"))
)
) {
setPersonListOpen(false)
}
setPersonListOpen(false);
}
};
return (
<section className="ticket-full-screen">
@ -882,7 +882,12 @@ export const TicketFullScreen = () => {
}));
}}
/>
<img className={commentSendDisable ? 'disable' : ''} src={send} onClick={createComment} alt="send"></img>
<img
className={commentSendDisable ? "disable" : ""}
src={send}
onClick={createComment}
alt="send"
></img>
</div>
<div className="comments__list">
{comments.map((comment) => {

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

@ -90,7 +90,7 @@ export const ProjectTracker = () => {
useEffect(() => {
dispatch(activeLoader());
dispatch(setProjectBoardFetch(projectId.id));
initListeners()
initListeners();
}, []);
useEffect(() => {
@ -411,12 +411,12 @@ export const ProjectTracker = () => {
)
) {
setOpenColumnSelect((prevState) => {
const newState = {}
const newState = {};
for (const key in prevState) {
newState[key] = false;
}
return newState;
})
});
}
};