fix adaptive tracker tabs
This commit is contained in:
@ -51,7 +51,6 @@ export const Tracker = () => {
|
||||
const [allCompletedTasks, setAllCompletedTasks] = useState([]);
|
||||
|
||||
const [modalCreateProject, setModalCreateProject] = useState(false);
|
||||
const tabs = ["projectsTab", "tasksTab", "archiveTab"];
|
||||
|
||||
useEffect(() => {
|
||||
setLoader(true);
|
||||
@ -143,32 +142,28 @@ export const Tracker = () => {
|
||||
<div className="tracker__tabs">
|
||||
<div className="tracker__tabs__head">
|
||||
<div
|
||||
className={
|
||||
tab === 1 ? "tab active-tab projectsTab" : "tab projectsTab"
|
||||
}
|
||||
className={tab === 1 ? "tab active-tab" : "tab"}
|
||||
onClick={() => toggleTabs(1)}
|
||||
>
|
||||
<img src={project} alt="img" />
|
||||
<p>Проекты </p>
|
||||
</div>
|
||||
<div
|
||||
className={tab === 2 ? "tab active-tab tasksTab" : "tab tasksTab"}
|
||||
className={tab === 2 ? "tab active-tab" : "tab"}
|
||||
onClick={() => toggleTabs(2)}
|
||||
>
|
||||
<img src={tasks} alt="img" />
|
||||
<p>Все мои задачи</p>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
tab === 3 ? "tab active-tab archiveTab" : "tab archiveTab"
|
||||
}
|
||||
className={tab === 3 ? "tab active-tab" : "tab"}
|
||||
onClick={() => toggleTabs(3)}
|
||||
>
|
||||
<img src={archive} alt="img" />
|
||||
<p>Архив</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`tracker__tabs__content ${tabs[tab - 1]}`}>
|
||||
<div className={`tracker__tabs__content`}>
|
||||
<div
|
||||
className={
|
||||
tab === 1
|
||||
|
Reference in New Issue
Block a user