From 84a7f267ff8c78ffb915673ffb23db97c86787eb Mon Sep 17 00:00:00 2001
From: MaxOvs19 <gshk3669@gmail.com>
Date: Tue, 7 Mar 2023 15:44:54 +0300
Subject: [PATCH] Modal ticket finished

---
 src/components/UI/ModalTiket/ModalTiket.js   |  17 +++++--
 src/components/UI/ModalTiket/ModalTiket.scss |  45 ++++++++++++++++++-
 src/images/arrowStart.png                    | Bin 0 -> 278 bytes
 3 files changed, 58 insertions(+), 4 deletions(-)
 create mode 100644 src/images/arrowStart.png

diff --git a/src/components/UI/ModalTiket/ModalTiket.js b/src/components/UI/ModalTiket/ModalTiket.js
index 9f7397c2..1f8bc842 100644
--- a/src/components/UI/ModalTiket/ModalTiket.js
+++ b/src/components/UI/ModalTiket/ModalTiket.js
@@ -6,8 +6,10 @@ import avatarMock1 from "../../../images/avatarMoсk1.png";
 import avatarMock2 from "../../../images/avatarMoсk2.png";
 import category from "../../../images/category.png";
 import comments from "../../../images/comments.png";
+import watch from "../../../images/watch.png";
 import files from "../../../images/files.png";
 import task from "../../../images/tasksMock.png";
+import arrow from "../../../images/arrowStart.png";
 
 export const ModalTiket = ({ active, setActive }) => {
   const [tiket] = useState({
@@ -85,12 +87,21 @@ export const ModalTiket = ({ active, setActive }) => {
               );
             })}
           </div>
-          <div>
+
+          <div className="add-worker">
             <button>+</button>
             <span>Добавить участников</span>
           </div>
-          <div></div>
-          <button>Начать делать</button>
+
+          <div className="time">
+            <img src={watch}></img>
+            <span>Длительность : </span>
+            <p>{"8:30:22"}</p>
+          </div>
+
+          <button className="start">
+            Начать делать <img src={arrow}></img>
+          </button>
         </div>
       </div>
     </div>
diff --git a/src/components/UI/ModalTiket/ModalTiket.scss b/src/components/UI/ModalTiket/ModalTiket.scss
index 55415d06..160adeaa 100644
--- a/src/components/UI/ModalTiket/ModalTiket.scss
+++ b/src/components/UI/ModalTiket/ModalTiket.scss
@@ -117,10 +117,53 @@
       font-family: "Inter", sans-serif;
       font-weight: 500;
       font-size: 11px;
-
       color: #807777;
     }
 
+    .add-worker {
+      display: flex;
+      align-items: center;
+
+      span {
+        color: #000000;
+        font-size: 12px;
+        line-height: 32px;
+        margin-left: 17px;
+        font-style: normal;
+        font-weight: 400;
+      }
+
+      button {
+        background: #8bcc60;
+        width: 33px;
+        height: 33px;
+      }
+    }
+
+    .start {
+      margin-top: 25px;
+      background: #1458dd;
+      border-radius: 44px;
+
+      img {
+        margin-left: 10px;
+      }
+    }
+
+    .time {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 12px;
+      margin-top: 20px;
+      width: 160px;
+
+      p {
+        color: #000000;
+        margin: 0;
+      }
+    }
+
     &__creator {
       font-size: 14px;
       line-height: 32px;
diff --git a/src/images/arrowStart.png b/src/images/arrowStart.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe7847650f403e0d2734b71e9a74009d86c7db39
GIT binary patch
literal 278
zcmeAS@N?(olHy`uVBq!ia0vp^AT|#N8<337)>#0gI14-?iy0WWg+Z8+Vb&Z8pde#$
zkh>GZx^prwfgF}}M_)$<hK>E)e-c@N{MDW=jv*C{trPF^HY<p<PPA}vzaY*VUDDF`
zfa5J&Y11-c3#Z+Uc?Xp3^~+f1S1?!QWGr&~pkf~Lz<Q_p&K3u+mE4vBqE03j@eRi>
zyl-Bi^o4clmdjD!4MeIRc-{ML%%jY6_mV^M;)INZ7fYvHSNYLDIrV1pxq6mk#(5@|
z&u{HocRJ+Qa>HdQJ$Ij1?_-^ix#8M2hPJ2Gef^qW<gct<wW>VlRDSE6&%&NBxc9$y
Wo~ifp+kc?589ZJ6T-G@yGywq5S7|r^

literal 0
HcmV?d00001