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>
</>
) : (
<Chip
text={project.state}
color={role || 'client'}
variant='filled'
/>
<>
{project.state === 'OnReview' && (
<Chip
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
</Link>
) : (
<Text variant='body' color={role || 'client'}>
{project.state === 'OnReview' && 'On Review'}
{project.state === 'Declined' && 'Declined'}
</Text>
<>
{project.state === 'OnReview' && (
<Text variant='body' color='warning'>
{project.state}
</Text>
)}
{project.state === 'Declined' && (
<Text variant='body' color='error'>
{project.state}
</Text>
)}
</>
)}
</Box>
<Box
@@ -644,11 +663,23 @@ const Project = () => {
Download
</Link>
) : role !== 'productOwner' ? (
<Text variant='body' color={role || 'client'}>
{project.state === 'OnReview' && 'On Review'}
{project.state === 'Approved' && 'In Progress'}
{project.state === 'Declined' && 'Declined'}
</Text>
<>
{project.state === 'OnReview' && (
<Text variant='body' color='warning'>
{project.state}
</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' ? (
@@ -663,7 +694,6 @@ const Project = () => {
) : (
<Text variant='body' color={role || 'client'}>
{project.state === 'OnReview' && 'On Review'}
{project.state === 'Approved' && 'In Progress'}
{project.state === 'Declined' && 'Declined'}
</Text>
)}
@@ -701,11 +731,23 @@ const Project = () => {
Download
</Link>
) : role !== 'productOwner' ? (
<Text variant='body' color={role || 'client'}>
{project.state === 'OnReview' && 'On Review'}
{project.state === 'Approved' && 'In Progress'}
{project.state === 'Declined' && 'Declined'}
</Text>
<>
{project.state === 'OnReview' && (
<Text variant='body' color='warning'>
{project.state}
</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' ? (
@@ -758,11 +800,23 @@ const Project = () => {
Get
</Link>
) : role !== 'productOwner' ? (
<Text variant='body' color={role || 'client'}>
{project.state === 'OnReview' && 'On Review'}
{project.state === 'Approved' && 'In Progress'}
{project.state === 'Declined' && 'Declined'}
</Text>
<>
{project.state === 'OnReview' && (
<Text variant='body' color='warning'>
{project.state}
</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' ? (