From d225f3f1093fbf05a51e6e4e9a3a03265e9debfe Mon Sep 17 00:00:00 2001
From: zion livingstone <zionlivingstone@gmail.com>
Date: Fri, 25 Nov 2022 04:52:11 +0100
Subject: [PATCH] Feat:added submit task modal

---
 .../components/Task completed/Completed.jsx   |  2 +-
 .../src/components/Task completed/check.svg   |  1 +
 .../components/Task completed/completed.css   | 38 +++++++++++++++++++
 3 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/client/frontend/src/components/Task completed/Completed.jsx b/client/frontend/src/components/Task completed/Completed.jsx
index a0051b9..fcdfa98 100644
--- a/client/frontend/src/components/Task completed/Completed.jsx	
+++ b/client/frontend/src/components/Task completed/Completed.jsx	
@@ -6,7 +6,7 @@ const Completed = () => {
     <div className='completed-modal'>
         <img src={check} alt="" />
         <div className="completed-text">
-            <span big-Completed-text>Task Completed</span>
+            <span className='big-completed-text'>Task Completed</span>
             <span>Your “Design System for Mixed Reality Applications” tasks has been submitted</span>
         </div>
         <div className="completed-buttons">
diff --git a/client/frontend/src/components/Task completed/check.svg b/client/frontend/src/components/Task completed/check.svg
index 0f82d9f..022be0b 100644
--- a/client/frontend/src/components/Task completed/check.svg	
+++ b/client/frontend/src/components/Task completed/check.svg	
@@ -1,3 +1,4 @@
 <svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="42.5" cy="42.5" r="42.5" fill="#E0FFF5"/>
+<path d="M52.8327 36.042L38.6243 50.2503L32.166 43.792" stroke="#00B87C" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/client/frontend/src/components/Task completed/completed.css b/client/frontend/src/components/Task completed/completed.css
index 34ecd1a..9a5d95f 100644
--- a/client/frontend/src/components/Task completed/completed.css	
+++ b/client/frontend/src/components/Task completed/completed.css	
@@ -1,4 +1,42 @@
 .completed-modal{
     position: absolute;
     width: 29.5rem;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    gap: 1rem;
+    box-sizing: border-box;
+    padding: 1.3rem;
+}
+.completed-text{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: rgba(51, 51, 51, 1);
+    text-align: center;
+}
+.completed-buttons{
+    margin-left: auto;
+    display: flex;
+    gap: 1.4rem;
+}
+.completed-edit{
+    background-color: transparent;
+    color: #00B87C;
+    border: none;
+}
+.big-completed-text{
+    margin-bottom: 0.5rem;
+    font-size: 18px;
+    font-weight: 700;
+}
+.completed-submit{
+    background-color:#00B87C ;
+    border: none;
+    color: white;
+    padding: 12px 18px;
+    border-radius: 4px;
 }
\ No newline at end of file