diff --git a/src/components/AllTaskTableTracker/AllTaskTableItem/AllTaskTableItem.jsx b/src/components/AllTaskTableTracker/AllTaskTableItem/AllTaskTableItem.jsx
index 01d98e38..5fe752e6 100644
--- a/src/components/AllTaskTableTracker/AllTaskTableItem/AllTaskTableItem.jsx
+++ b/src/components/AllTaskTableTracker/AllTaskTableItem/AllTaskTableItem.jsx
@@ -44,12 +44,11 @@ const AllTaskTableItem = ({ task, projects }) => {
{task.title}
-
+ {/**/}
|
- {task.timers.length == 0
- ? "-"
- : task.timers.map((item) => {
- let time = new Date(item.deltaSeconds * 1000)
- .toISOString()
- .slice(11, 19);
- return `${time}`;
- })}
+ {new Date(
+ task.timers.reduce((acc, cur) => acc + cur.deltaSeconds, 0) * 1000
+ )
+ .toISOString()
+ .slice(11, 19)}
|
diff --git a/src/components/ArchiveTableTracker/ArchiveTasksItem/archiveTasksItem.scss b/src/components/ArchiveTableTracker/ArchiveTasksItem/archiveTasksItem.scss
index e69de29b..3fc6237b 100644
--- a/src/components/ArchiveTableTracker/ArchiveTasksItem/archiveTasksItem.scss
+++ b/src/components/ArchiveTableTracker/ArchiveTasksItem/archiveTasksItem.scss
@@ -0,0 +1,10 @@
+.completeTask__title {
+ white-space: nowrap;
+ max-width: 250px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.archive__completeTask__time {
+ text-align: center;
+}
diff --git a/src/components/ArchiveTableTracker/archiveTableTracker.scss b/src/components/ArchiveTableTracker/archiveTableTracker.scss
index 5e12a3a1..4f5ec038 100644
--- a/src/components/ArchiveTableTracker/archiveTableTracker.scss
+++ b/src/components/ArchiveTableTracker/archiveTableTracker.scss
@@ -1,20 +1,33 @@
.archive {
&__table {
margin: 29px 0 0 0;
- height: 67px;
+ display: flex;
+ flex-direction: column;
width: 100%;
font-size: 14px;
font-weight: 400;
thead {
+ display: flex;
background: #f1f1f1;
color: #5b6871;
border-radius: 12px;
- height: 65px;
background: #f1f1f1;
color: #5b6871;
+ tr {
+ display: grid;
+ padding: 20px 10px 11px;
+ grid-template-columns: 40% 20% 40%;
+ width: 100%;
+ }
+
th {
+ display: flex;
+ text-align: center;
+ color: #5B6871;
+ line-height: 32px;
+ font-size: 14px;
&:first-child {
padding-left: 10px;
border-top-left-radius: 12px;
@@ -28,9 +41,28 @@
}
tbody {
+ display: grid;
+ max-height: 600px;
+ overflow-y: auto;
color: #000;
+
+ &::-webkit-scrollbar {
+ width: 5px;
+ border-radius: 10px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #cbd9f9;
+ border-radius: 5px;
+ }
+
tr {
+ display: grid;
+ height: 65px;
+ align-items: center;
background-color: white;
+ grid-template-columns: 40% 20% 40%;
+ border-bottom: 1px solid rgba(241, 241, 241, 1);
&:nth-child(2n) {
background-color: rgba(241, 241, 241, 0.23);
@@ -38,8 +70,7 @@
}
td {
- height: 65px;
- border-bottom: 1px solid rgba(241, 241, 241, 1);
+ display: flex;
&:first-child {
max-width: 275px;
diff --git a/src/components/Modal/ModalRegistration/modalRegistration.scss b/src/components/Modal/ModalRegistration/modalRegistration.scss
index f7757020..5da45b22 100644
--- a/src/components/Modal/ModalRegistration/modalRegistration.scss
+++ b/src/components/Modal/ModalRegistration/modalRegistration.scss
@@ -22,7 +22,6 @@
&__main {
display: flex;
flex-direction: column;
- align-items: center;
width: 65%;
@media (max-width: 1106px) {
@@ -35,7 +34,7 @@
font-size: 35px;
line-height: 32px;
display: flex;
- justify-content: space-between;
+ justify-content: center;
margin: 0;
@media (max-width: 960px) {
@@ -162,7 +161,7 @@
&__about {
border-left: 1px solid #cdcdcd;
- padding: 0 20px 0 10px;
+ padding: 0 20px 0 25px;
margin: 0 0 0 10px;
display: flex;
flex-direction: column;
diff --git a/src/components/Modal/ModalTrackerRegistration/ModalTrackerRegistration.js b/src/components/Modal/ModalTrackerRegistration/ModalTrackerRegistration.js
index 7d13df42..049a0871 100644
--- a/src/components/Modal/ModalTrackerRegistration/ModalTrackerRegistration.js
+++ b/src/components/Modal/ModalTrackerRegistration/ModalTrackerRegistration.js
@@ -4,7 +4,7 @@ import close from "assets/icons/closeProjectPersons.svg";
import "./modalTrackerRegistration.scss";
-export const ModalTrackerRegistration = ({ setModalReset }) => {
+export const ModalTrackerRegistration = ({ setModalReset, email }) => {
return (
@@ -14,9 +14,14 @@ export const ModalTrackerRegistration = ({ setModalReset }) => {
Мы отправили ссылку
для активации вашего аккаунта на почту
- nhw44308@mail.com
+ {email}
-
+
setModalReset(false)}
src={close}
diff --git a/src/pages/Tracker/tracker.scss b/src/pages/Tracker/tracker.scss
index c698d931..c1a0493a 100644
--- a/src/pages/Tracker/tracker.scss
+++ b/src/pages/Tracker/tracker.scss
@@ -131,6 +131,7 @@
width: 100%;
background: #ffffff;
padding: 27px 0 29px;
+ margin-bottom: 50px;
&__wrapper {
max-width: 1160px;
diff --git a/src/pages/TrackerRegistration/TrackerRegistration.js b/src/pages/TrackerRegistration/TrackerRegistration.js
index ee811877..1c504ba7 100644
--- a/src/pages/TrackerRegistration/TrackerRegistration.js
+++ b/src/pages/TrackerRegistration/TrackerRegistration.js
@@ -14,6 +14,9 @@ import "./trackerRegistration.scss";
export const TrackerRegistration = () => {
const [modalConfirmOpen, setModalConfirm] = useState(false);
+ const [inputs, setInputs] = useState({
+ email: ""
+ });
return (
@@ -36,7 +39,16 @@ export const TrackerRegistration = () => {
Ваш e-mail
-
+
+ setInputs((prevState) => ({
+ ...prevState,
+ email: e.target.value
+ }))
+ }
+ type="email"
+ />
Придумайте пароль
@@ -66,7 +78,10 @@ export const TrackerRegistration = () => {
{modalConfirmOpen && (
-
+
)}
|