refactoring allStyles styleStyle -> style-style
This commit is contained in:
@ -382,7 +382,7 @@ export const ProjectTracker = () => {
|
||||
(div) =>
|
||||
div.classList &&
|
||||
(div.classList.contains("tasks__head__executor") ||
|
||||
div.classList.contains("tasks__head__executorDropdown"))
|
||||
div.classList.contains("tasks__head__executor-dropdown"))
|
||||
)
|
||||
) {
|
||||
setSelectedExecutorOpen(false);
|
||||
@ -508,8 +508,8 @@ export const ProjectTracker = () => {
|
||||
<div
|
||||
className={
|
||||
projectBoard.projectUsers?.length == 1
|
||||
? "onePerson"
|
||||
: "projectPersons"
|
||||
? "one-person"
|
||||
: "project-persons"
|
||||
}
|
||||
>
|
||||
{projectBoard.projectUsers.slice(0, 3).map((person) => {
|
||||
@ -528,7 +528,7 @@ export const ProjectTracker = () => {
|
||||
</div>
|
||||
)}
|
||||
{projectBoard.projectUsers?.length > 3 && (
|
||||
<span className="countPersons">+1</span>
|
||||
<span className="count-persons">+1</span>
|
||||
)}
|
||||
<span
|
||||
className="add-person"
|
||||
@ -565,7 +565,7 @@ export const ProjectTracker = () => {
|
||||
</div>
|
||||
</div>
|
||||
{selectedExecutor ? (
|
||||
<div className="tasks__head__executorSelected">
|
||||
<div className="tasks__head__executor-selected">
|
||||
<p>{selectedExecutor.user.fio}</p>
|
||||
<img
|
||||
className="avatar"
|
||||
@ -597,11 +597,11 @@ export const ProjectTracker = () => {
|
||||
alt="arrow"
|
||||
/>
|
||||
{selectExecutorOpen && (
|
||||
<div className="tasks__head__executorDropdown">
|
||||
<div className="tasks__head__executor-dropdown">
|
||||
{projectBoard.projectUsers.map((user) => {
|
||||
return (
|
||||
<div
|
||||
className="executorDropdown__person"
|
||||
className="executor-dropdown__person"
|
||||
key={user.user_id}
|
||||
onClick={() => executorFilter(user)}
|
||||
>
|
||||
@ -637,7 +637,7 @@ export const ProjectTracker = () => {
|
||||
{tags.open && (
|
||||
<div className="tags__list">
|
||||
<div
|
||||
className="addNewTag"
|
||||
className="add-new-tag"
|
||||
onClick={() =>
|
||||
setTags((prevState) => ({
|
||||
...prevState,
|
||||
@ -653,20 +653,20 @@ export const ProjectTracker = () => {
|
||||
<div className="tags__list__created">
|
||||
{projectBoard.mark.map((tag) => {
|
||||
return (
|
||||
<div className="tagItem" key={tag.id}>
|
||||
<p className="tagItem__description">
|
||||
<div className="tag-item" key={tag.id}>
|
||||
<p className="tag-item__description">
|
||||
{tag.title}
|
||||
</p>
|
||||
<div className="tagItem__info">
|
||||
<span className="tagItem__info__name">
|
||||
<div className="tag-item__info">
|
||||
<span className="tag-item__info__name">
|
||||
{tag.slug}
|
||||
</span>
|
||||
<span
|
||||
className="tagItem__info__color"
|
||||
className="tag-item__info__color"
|
||||
style={{ background: tag.color }}
|
||||
/>
|
||||
|
||||
<div className="tagItem__info__images">
|
||||
<div className="tag-item__info__images">
|
||||
<img
|
||||
src={edit}
|
||||
alt="edit"
|
||||
@ -697,7 +697,7 @@ export const ProjectTracker = () => {
|
||||
</div>
|
||||
)}
|
||||
{(tags.add || tags.edit) && (
|
||||
<div className="formTag">
|
||||
<div className="form-tag">
|
||||
<img
|
||||
src={arrow}
|
||||
className="arrow"
|
||||
@ -716,7 +716,7 @@ export const ProjectTracker = () => {
|
||||
}}
|
||||
/>
|
||||
<input
|
||||
className="formTag__input"
|
||||
className="form-tag__input"
|
||||
placeholder="Описание метки"
|
||||
maxLength="25"
|
||||
value={tagInfo.description}
|
||||
@ -728,7 +728,7 @@ export const ProjectTracker = () => {
|
||||
}
|
||||
/>
|
||||
<input
|
||||
className="formTag__input"
|
||||
className="form-tag__input"
|
||||
placeholder="Тег"
|
||||
value={tagInfo.name}
|
||||
maxLength="10"
|
||||
@ -746,8 +746,8 @@ export const ProjectTracker = () => {
|
||||
}}
|
||||
className={
|
||||
tagInfo.name && tagInfo.description
|
||||
? "formTag__btn"
|
||||
: "formTag__btn disable"
|
||||
? "form-tag__btn"
|
||||
: "form-tag__btn disable"
|
||||
}
|
||||
>
|
||||
{tags.add ? "Добавить" : "Изменить"}
|
||||
@ -856,7 +856,7 @@ export const ProjectTracker = () => {
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div className="tasksContainer">
|
||||
<div className="tasks-container">
|
||||
{column.tasks.map((task) => {
|
||||
return (
|
||||
<div
|
||||
@ -918,7 +918,7 @@ export const ProjectTracker = () => {
|
||||
{task.mark.map((tag) => {
|
||||
return (
|
||||
<div
|
||||
className="tagItem"
|
||||
className="tag-item"
|
||||
key={tag.id}
|
||||
style={{ background: tag.color }}
|
||||
>
|
||||
@ -942,7 +942,7 @@ export const ProjectTracker = () => {
|
||||
</div>
|
||||
)}
|
||||
{task.dead_line && (
|
||||
<div className="tasks__board__item__deadLine">
|
||||
<div className="tasks__board__item__dead-line">
|
||||
<p>Срок исполнения:</p>
|
||||
<span>
|
||||
{getCorrectDate(task.dead_line)}
|
||||
@ -978,17 +978,17 @@ export const ProjectTracker = () => {
|
||||
})}
|
||||
{Boolean(projectBoard?.columns) &&
|
||||
!Boolean(projectBoard.columns.length) && (
|
||||
<div className="tasks__board__noItems">
|
||||
<div className="tasks__board__no-items">
|
||||
В проекте нет задач.
|
||||
</div>
|
||||
)}
|
||||
{filteredNoTasks && (
|
||||
<div className="tasks__board__noTasks">
|
||||
<div className="tasks__board__noTasksInfo">
|
||||
<img src={trackerNoTasks} alt="noTasks" />
|
||||
<div className="tasks__board__no-tasks">
|
||||
<div className="tasks__board__no-tasks-info">
|
||||
<img src={trackerNoTasks} alt="no-tasks" />
|
||||
<p>Пока нет подходящих задач</p>
|
||||
</div>
|
||||
<p className="tasks__board__noTasksMore">
|
||||
<p className="tasks__board__no-tasks-more">
|
||||
Ставьте задачи, следите за прогрессом, ведите учёт
|
||||
рабочего времени
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user