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

Update project state colors

Browse Source
This commit is contained in:
Hazem Krimi
2021-06-29 14:36:48 +01:00
parent b3b6bc1dae
commit 73d01c87a3
1 changed files with 79 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Project/index.tsx
+79 -25
View File
@@ -531,11 +531,22 @@ const Project = () => {
</Box> </Box>
</> </>
) : ( ) : (
<Chip <>
text={project.state} {project.state === 'OnReview' && (
color={role || 'client'} <Chip
variant='filled' text={project.state}
/> color='warning'
variant='filled'
/>
)}
{project.state === 'Declined' && (
<Chip
text={project.state}
color='error'
variant='filled'
/>
)}
</>
)} )}
</> </>
)} )}
@@ -607,10 +618,18 @@ const Project = () => {
Print Print
</Link> </Link>
) : ( ) : (
<Text variant='body' color={role || 'client'}> <>
{project.state === 'OnReview' && 'On Review'} {project.state === 'OnReview' && (
{project.state === 'Declined' && 'Declined'} <Text variant='body' color='warning'>
</Text> {project.state}
</Text>
)}
{project.state === 'Declined' && (
<Text variant='body' color='error'>
{project.state}
</Text>
)}
</>
)} )}
</Box> </Box>
<Box <Box
@@ -644,11 +663,23 @@ const Project = () => {
Download Download
</Link> </Link>
) : role !== 'productOwner' ? ( ) : role !== 'productOwner' ? (
<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>
)}
</>
) : ( ) : (
<> <>
{project.state === 'Approved' ? ( {project.state === 'Approved' ? (
@@ -663,7 +694,6 @@ const Project = () => {
) : ( ) : (
<Text variant='body' color={role || 'client'}> <Text variant='body' color={role || 'client'}>
{project.state === 'OnReview' && 'On Review'} {project.state === 'OnReview' && 'On Review'}
{project.state === 'Approved' && 'In Progress'}
{project.state === 'Declined' && 'Declined'} {project.state === 'Declined' && 'Declined'}
</Text> </Text>
)} )}
@@ -701,11 +731,23 @@ const Project = () => {
Download Download
</Link> </Link>
) : role !== 'productOwner' ? ( ) : role !== 'productOwner' ? (
<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>
)}
</>
) : ( ) : (
<> <>
{project.state === 'Approved' ? ( {project.state === 'Approved' ? (
@@ -758,11 +800,23 @@ const Project = () => {
Get Get
</Link> </Link>
) : role !== 'productOwner' ? ( ) : role !== 'productOwner' ? (
<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>
)}
</>
) : ( ) : (
<> <>
{project.state === 'Approved' ? ( {project.state === 'Approved' ? (