crimson-quirks/crimson-quirks-ui
1
0
Fork 0
mirror of https://github.com/hazemKrimi/crimson-quirks-ui.git synced 2026-05-01 18:20:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix project status styles for product owner

Browse Source
This commit is contained in:
Hazem Krimi
2021-07-01 10:54:00 +01:00
parent 93d0bc7471
commit 20d74fe2ff
1 changed files with 46 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Project/index.tsx
+43 -11
View File
@@ -692,11 +692,19 @@ const Project = () => {
</Text> </Text>
</Box> </Box>
) : ( ) : (
<Text variant='body' color={role || 'client'}> <>
{project.state === 'OnReview' && 'On Review'} {project.state === 'OnReview' && (
{project.state === 'Declined' && 'Declined'} <Text variant='body' color='warning'>
{project.state}
</Text> </Text>
)} )}
{project.state === 'Declined' && (
<Text variant='body' color='error'>
{project.state}
</Text>
)}
</>
)}
</> </>
)} )}
</Box> </Box>
@@ -760,12 +768,24 @@ const Project = () => {
</Text> </Text>
</Box> </Box>
) : ( ) : (
<Text variant='body' color={role || 'client'}> <>
{project.state === 'OnReview' && 'On Review'} {project.state === 'OnReview' && (
{project.state === 'Approved' && 'In Progress'} <Text variant='body' color='warning'>
{project.state === 'Declined' && 'Declined'} {project.state}
</Text> </Text>
)} )}
{project.state === 'Declined' && (
<Text variant='body' color='error'>
{project.state}
</Text>
)}
{project.state === 'Approved' && (
<Text variant='body' color={role || 'client'}>
In Progress
</Text>
)}
</>
)}
</> </>
)} )}
</Box> </Box>
@@ -829,12 +849,24 @@ const Project = () => {
</Text> </Text>
</Box> </Box>
) : ( ) : (
<Text variant='body' color={role || 'client'}> <>
{project.state === 'OnReview' && 'On Review'} {project.state === 'OnReview' && (
{project.state === 'Approved' && 'In Progress'} <Text variant='body' color='warning'>
{project.state === 'Declined' && 'Declined'} {project.state}
</Text> </Text>
)} )}
{project.state === 'Declined' && (
<Text variant='body' color='error'>
{project.state}
</Text>
)}
{project.state === 'Approved' && (
<Text variant='body' color={role || 'client'}>
In Progress
</Text>
)}
</>
)}
</> </>
)} )}
</Box> </Box>