From bb3e7b00fdd3bec3276689875d85c2c710c3e726 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Wed, 16 Jun 2021 02:39:31 +0100
Subject: [PATCH] Update project page

---
 src/pages/Project/index.tsx | 80 +++++++++++++++++++++++++------------
 1 file changed, 55 insertions(+), 25 deletions(-)

diff --git a/src/pages/Project/index.tsx b/src/pages/Project/index.tsx
index 4becf43..f17f96c 100644
--- a/src/pages/Project/index.tsx
+++ b/src/pages/Project/index.tsx
@@ -541,7 +541,7 @@ const Project = () => {
 
                         {project.state === 'Approved' ? (
                           <Link href='#' color={role} onClick={handlePrint}>
-                            Download
+                            Print
                           </Link>
                         ) : (
                           <Text variant='body' color={role || 'client'}>
@@ -587,14 +587,24 @@ const Project = () => {
                             {project.state === 'Declined' && 'Declined'}
                           </Text>
                         ) : (
-                          <Box
-                            cursor='pointer'
-                            onClick={() => setDesignModal(true)}
-                          >
-                            <Text variant='body' color={role || 'client'}>
-                              Upload
-                            </Text>
-                          </Box>
+                          <>
+                            {project.state === 'Approved' ? (
+                              <Box
+                                cursor='pointer'
+                                onClick={() => setDesignModal(true)}
+                              >
+                                <Text variant='body' color={role || 'client'}>
+                                  Upload
+                                </Text>
+                              </Box>
+                            ) : (
+                              <Text variant='body' color={role || 'client'}>
+                                {project.state === 'OnReview' && 'On Review'}
+                                {project.state === 'Approved' && 'In Progress'}
+                                {project.state === 'Declined' && 'Declined'}
+                              </Text>
+                            )}
+                          </>
                         )}
                       </Box>
                       <Box
@@ -634,14 +644,24 @@ const Project = () => {
                             {project.state === 'Declined' && 'Declined'}
                           </Text>
                         ) : (
-                          <Box
-                            cursor='pointer'
-                            onClick={() => setMvpModal(true)}
-                          >
-                            <Text variant='body' color={role || 'client'}>
-                              Upload
-                            </Text>
-                          </Box>
+                          <>
+                            {project.state === 'Approved' ? (
+                              <Box
+                                cursor='pointer'
+                                onClick={() => setDesignModal(true)}
+                              >
+                                <Text variant='body' color={role || 'client'}>
+                                  Upload
+                                </Text>
+                              </Box>
+                            ) : (
+                              <Text variant='body' color={role || 'client'}>
+                                {project.state === 'OnReview' && 'On Review'}
+                                {project.state === 'Approved' && 'In Progress'}
+                                {project.state === 'Declined' && 'Declined'}
+                              </Text>
+                            )}
+                          </>
                         )}
                       </Box>
                       <Box
@@ -681,14 +701,24 @@ const Project = () => {
                             {project.state === 'Declined' && 'Declined'}
                           </Text>
                         ) : (
-                          <Box
-                            cursor='pointer'
-                            onClick={() => setFullBuildModal(true)}
-                          >
-                            <Text variant='body' color={role || 'client'}>
-                              Add
-                            </Text>
-                          </Box>
+                          <>
+                            {project.state === 'Approved' ? (
+                              <Box
+                                cursor='pointer'
+                                onClick={() => setDesignModal(true)}
+                              >
+                                <Text variant='body' color={role || 'client'}>
+                                  Add
+                                </Text>
+                              </Box>
+                            ) : (
+                              <Text variant='body' color={role || 'client'}>
+                                {project.state === 'OnReview' && 'On Review'}
+                                {project.state === 'Approved' && 'In Progress'}
+                                {project.state === 'Declined' && 'Declined'}
+                              </Text>
+                            )}
+                          </>
                         )}
                       </Box>
                     </Box>