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
+71 -17
View File
@@ -531,12 +531,23 @@ const Project = () => {
</Box> </Box>
</> </>
) : ( ) : (
<>
{project.state === 'OnReview' && (
<Chip <Chip
text={project.state} text={project.state}
color={role || 'client'} color='warning'
variant='filled' variant='filled'
/> />
)} )}
{project.state === 'Declined' && (
<Chip
text={project.state}
color='error'
variant='filled'
/>
)}
</>
)}
</> </>
)} )}
</Box> </Box>
@@ -607,11 +618,19 @@ 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'>
{project.state}
</Text> </Text>
)} )}
{project.state === 'Declined' && (
<Text variant='body' color='error'>
{project.state}
</Text>
)}
</>
)}
</Box> </Box>
<Box <Box
display='flex' display='flex'
@@ -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' ? (