refactoring allStyles styleStyle -> style-style

This commit is contained in:
2024-02-09 18:17:15 +03:00
parent 81d2ee4098
commit af07631abe
93 changed files with 751 additions and 703 deletions

View File

@@ -565,7 +565,7 @@ export const TicketFullScreen = () => {
(div) =>
div.classList &&
(div.classList.contains("button-add-worker") ||
div.classList.contains("dropdownList"))
div.classList.contains("dropdown-list"))
)
) {
setDropListOpen(false);
@@ -577,7 +577,7 @@ export const TicketFullScreen = () => {
!path.find(
(div) =>
div.classList &&
(div.classList.contains("deadLine") ||
(div.classList.contains("dead-line") ||
div.classList.contains("react-datepicker-popper"))
)
) {
@@ -674,7 +674,7 @@ export const TicketFullScreen = () => {
}}
/>
) : (
<h5 className="fullName nameFullScreen">
<h5 className="full-name name-fullscreen">
{inputsValue.title}
</h5>
)}
@@ -708,7 +708,7 @@ export const TicketFullScreen = () => {
) : (
<div className="ticket__description">
<div
className="fullDescription fullScreenDescription"
className="full-description fullscreen-description"
dangerouslySetInnerHTML={{
__html: inputsValue.description
}}
@@ -717,7 +717,7 @@ export const TicketFullScreen = () => {
)}
</div>
{Boolean(taskFiles.length) && (
<div className="task__files filesFullScreen">
<div className="task__files files-fullscreen">
{taskFiles.map((file) => {
return (
<FileTracker
@@ -731,17 +731,17 @@ export const TicketFullScreen = () => {
</div>
)}
{uploadedFile && (
<div className="fileLoaded">
<div className="file-loaded">
{uploadedFile.map((file) => {
return (
<div className="loadedFile" key={file.id}>
<div className="loaded-file" key={file.id}>
<img
src={backendImg(file.url)}
alt="img"
key={file.id}
/>
<div
className="deleteFile"
className="delete-file"
onClick={() => deleteLoadedFile(file)}
>
<img src={fileDelete} alt="delete" />
@@ -775,7 +775,7 @@ export const TicketFullScreen = () => {
{caseOfNum(taskFiles.length, "files")}
</div>
</div>
<div className="content__input commentFullScreen">
<div className="content__input comment-fullscreen">
<input
placeholder="Оставить комментарий"
value={inputsValue.comment}
@@ -809,7 +809,7 @@ export const TicketFullScreen = () => {
</div>
</div>
</div>
<div className="workers fullScreenWorkers">
<div className="workers fullscreen-workers">
<div className="workers_box task__info">
<div className="workers__creator">
Создатель: <p>&nbsp;{taskInfo.user?.fio}</p>
@@ -836,7 +836,7 @@ export const TicketFullScreen = () => {
</div>
</>
) : (
<div className="add-worker moreItems ">
<div className="add-worker more-items ">
<button
className="button-add-worker"
onClick={() => setDropListOpen(true)}
@@ -845,16 +845,16 @@ export const TicketFullScreen = () => {
</button>
<span>Добавить исполнителя</span>
{dropListOpen && (
<div className="dropdownList">
<div className="dropdown-list">
<img
src={close}
className="dropdownList__close"
className="dropdown-list__close"
onClick={() => setDropListOpen(false)}
/>
{correctProjectUsers.map((person) => {
return (
<div
className="dropdownList__person"
className="dropdown-list__person"
key={person.user_id}
onClick={() => taskExecutor(person)}
>
@@ -901,7 +901,7 @@ export const TicketFullScreen = () => {
</div>
</div>
)}
<div className="add-worker moreItems">
<div className="add-worker more-items">
<button
className="button-add-worker"
onClick={() => setDropListMembersOpen(true)}
@@ -910,17 +910,17 @@ export const TicketFullScreen = () => {
</button>
<span>Добавить участников</span>
{dropListMembersOpen && (
<div className="dropdownList">
<div className="dropdown-list">
<img
src={close}
className="dropdownList__close"
className="dropdown-list__close"
onClick={() => setDropListMembersOpen(false)}
/>
{users.length ? (
users.map((person) => {
return (
<div
className="dropdownList__person"
className="dropdown-list__person"
key={person.user_id}
onClick={() => addMember(person)}
>
@@ -937,7 +937,7 @@ export const TicketFullScreen = () => {
);
})
) : (
<p className="noUsers">Нет пользователей</p>
<p className="no-users">Нет пользователей</p>
)}
</div>
)}
@@ -945,9 +945,9 @@ export const TicketFullScreen = () => {
</div>
<div className="workers_box-middle">
<div className="deadLine">
<div className="dead-line">
<div
className="deadLine__container"
className="dead-line__container"
onClick={() => setDatePickerOpen(!datePickerOpen)}
>
<img src={calendarIcon} alt="calendar" />
@@ -1050,7 +1050,7 @@ export const TicketFullScreen = () => {
{correctProjectTags.map((tag) => {
return (
<div
className="tagItem"
className="tag-item"
key={tag.id}
onClick={() => addTagToTask(tag.id)}
>
@@ -1060,7 +1060,7 @@ export const TicketFullScreen = () => {
);
})}
{!Boolean(correctProjectTags.length) && (
<p className="tags__dropDown__noItem">Нет тегов</p>
<p className="tags__dropDown__no-item">Нет тегов</p>
)}
</div>
)}