alt/zot-wo-auth
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: vulnerability chips - show icon before string (#392)

Browse Source 
Signed-off-by: Andreea-Lupu <andreealupu1470@yahoo.com>
This commit is contained in:
Andreea Lupu 2023-11-28 10:51:23 +02:00 committed by GitHub
parent fad5572db4
commit a288523a3f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/utilities/vulnerabilityAndSignatureComponents.jsx
View File

@ -148,10 +148,7 @@ const NoneVulnerabilityChip = () => {
label="None" label="None"
sx={{ backgroundColor: '#E8F5E9', color: '#388E3C', fontSize: '0.8125rem' }} sx={{ backgroundColor: '#E8F5E9', color: '#388E3C', fontSize: '0.8125rem' }}
variant="filled" variant="filled"
onDelete={() => { icon={<OutlinedBugIcon sx={{ color: '#388E3C!important' }} />}
return;
}}
deleteIcon={<OutlinedBugIcon sx={{ color: '#388E3C!important' }} />}
data-testid="none-vulnerability-chip" data-testid="none-vulnerability-chip"
/> />
); );
@ -162,10 +159,7 @@ const UnknownVulnerabilityChip = () => {
label="Unknown" label="Unknown"
sx={{ backgroundColor: '#ECEFF1', color: '#52637A', fontSize: '0.8125rem' }} sx={{ backgroundColor: '#ECEFF1', color: '#52637A', fontSize: '0.8125rem' }}
variant="filled" variant="filled"
onDelete={() => { icon={<OutlinedBugIcon sx={{ color: '#52637A!important' }} />}
return;
}}
deleteIcon={<OutlinedBugIcon sx={{ color: '#52637A!important' }} />}
data-testid="unknown-vulnerability-chip" data-testid="unknown-vulnerability-chip"
/> />
); );
@ -176,10 +170,7 @@ const FailedScanChip = () => {
label="Failed to scan" label="Failed to scan"
sx={{ backgroundColor: '#848484', color: '#F6F7F9', fontSize: '0.8125rem' }} sx={{ backgroundColor: '#848484', color: '#F6F7F9', fontSize: '0.8125rem' }}
variant="filled" variant="filled"
onDelete={() => { icon={<SvgIcon component={failedScanBug} sx={{ color: '#F6F7F9!important' }} />}
return;
}}
deleteIcon={<SvgIcon component={failedScanBug} sx={{ color: '#F6F7F9!important' }} />}
data-testid="failed-vulnerability-chip" data-testid="failed-vulnerability-chip"
/> />
); );
@ -190,10 +181,7 @@ const LowVulnerabilityChip = () => {
label="Low" label="Low"
sx={{ backgroundColor: '#FFF3E0', color: '#FB8C00', fontSize: '0.8125rem' }} sx={{ backgroundColor: '#FFF3E0', color: '#FB8C00', fontSize: '0.8125rem' }}
variant="filled" variant="filled"
onDelete={() => { icon={<OutlinedBugIcon sx={{ color: '#FB8C00!important' }} />}
return;
}}
deleteIcon={<OutlinedBugIcon sx={{ color: '#FB8C00!important' }} />}
data-testid="low-vulnerability-chip" data-testid="low-vulnerability-chip"
/> />
); );
@ -204,10 +192,7 @@ const MediumVulnerabilityChip = () => {
label="Medium" label="Medium"
sx={{ backgroundColor: '#FFF3E0', color: '#FB8C00', fontSize: '0.8125rem' }} sx={{ backgroundColor: '#FFF3E0', color: '#FB8C00', fontSize: '0.8125rem' }}
variant="filled" variant="filled"
onDelete={() => { icon={<FilledBugIcon sx={{ color: '#FB8C00!important' }} />}
return;
}}
deleteIcon={<FilledBugIcon sx={{ color: '#FB8C00!important' }} />}
data-testid="medium-vulnerability-chip" data-testid="medium-vulnerability-chip"
/> />
); );
@ -218,10 +203,7 @@ const HighVulnerabilityChip = () => {
label="High" label="High"
sx={{ backgroundColor: '#FEEBEE', color: '#E53935', fontSize: '0.8125rem' }} sx={{ backgroundColor: '#FEEBEE', color: '#E53935', fontSize: '0.8125rem' }}
variant="filled" variant="filled"
onDelete={() => { icon={<OutlinedBugIcon sx={{ color: '#E53935!important' }} />}
return;
}}
deleteIcon={<OutlinedBugIcon sx={{ color: '#E53935!important' }} />}
data-testid="high-vulnerability-chip" data-testid="high-vulnerability-chip"
/> />
); );
@ -232,10 +214,7 @@ const CriticalVulnerabilityChip = () => {
label="Critical" label="Critical"
sx={{ backgroundColor: '#FEEBEE', color: '#E53935', fontSize: '0.8125rem' }} sx={{ backgroundColor: '#FEEBEE', color: '#E53935', fontSize: '0.8125rem' }}
variant="filled" variant="filled"
onDelete={() => { icon={<FilledBugIcon sx={{ color: '#E53935!important' }} />}
return;
}}
deleteIcon={<FilledBugIcon sx={{ color: '#E53935!important' }} />}
data-testid="critical-vulnerability-chip" data-testid="critical-vulnerability-chip"
/> />
); );