diff --git a/projects/js-packages/components/components/threats-data-view/fixer-status.tsx b/projects/js-packages/components/components/threats-data-view/fixer-status.tsx
index 35f61d4358d83..f44a17a5c853d 100644
--- a/projects/js-packages/components/components/threats-data-view/fixer-status.tsx
+++ b/projects/js-packages/components/components/threats-data-view/fixer-status.tsx
@@ -133,7 +133,11 @@ export function DataViewFixerStatus( {
view: View;
} ): JSX.Element {
if ( view.type === 'table' ) {
- return ;
+ return (
+
+
+
+ );
}
return ;
diff --git a/projects/js-packages/components/components/threats-data-view/stories/index.stories.tsx b/projects/js-packages/components/components/threats-data-view/stories/index.stories.tsx
index 6dd33215489f4..676debe4cf6c8 100644
--- a/projects/js-packages/components/components/threats-data-view/stories/index.stories.tsx
+++ b/projects/js-packages/components/components/threats-data-view/stories/index.stories.tsx
@@ -181,6 +181,115 @@ Default.args = {
),
};
+export const FixerStatuses = args => ;
+FixerStatuses.args = {
+ data: [
+ {
+ id: 13216959,
+ signature: 'Vulnerable.WP.Core',
+ title: 'Vulnerable WordPress Version (6.4.3)',
+ description: 'This threat has an auto-fixer available. ',
+ firstDetected: '2024-07-15T21:56:50.000Z',
+ severity: 4,
+ fixer: null,
+ fixedOn: '2024-07-15T22:01:42.000Z',
+ status: 'fixed',
+ fixable: { fixer: 'update', target: '6.4.4', extensionStatus: 'inactive' },
+ version: '6.4.3',
+ source: '',
+ },
+ {
+ id: 12345678910,
+ signature: 'Vulnerable.WP.Extension',
+ title: 'Vulnerable Plugin: Example Plugin (version 1.2.3)',
+ description: 'This threat has an in-progress auto-fixer.',
+ firstDetected: '2024-10-02T17:34:59.000Z',
+ fixedIn: '1.2.4',
+ fixedOn: null,
+ severity: 3,
+ fixable: { fixer: 'update', target: '1.12.4', extensionStatus: 'inactive' },
+ fixer: { status: 'in_progress', last_updated: new Date().toISOString() },
+ status: 'current',
+ filename: null,
+ context: null,
+ source: 'https://wpscan.com/vulnerability/733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+ extension: {
+ name: 'Example Plugin',
+ slug: 'example-plugin',
+ version: '1.2.3',
+ type: 'plugin',
+ },
+ },
+ {
+ id: 12345678911,
+ signature: 'Vulnerable.WP.Extension',
+ title: 'Vulnerable Theme: Example Theme (version 2.2.2)',
+ description: 'This threat has an in-progress auto-fixer that is taking too long.',
+ firstDetected: '2024-10-02T17:34:59.000Z',
+ fixedIn: '2.22.22',
+ fixedOn: null,
+ severity: 3,
+ fixable: { fixer: 'update', target: '1.12.4', extensionStatus: 'inactive' },
+ fixer: { status: 'in_progress', last_updated: new Date( '1999-01-01' ).toISOString() },
+ status: 'current',
+ filename: null,
+ context: null,
+ source: 'https://wpscan.com/vulnerability/733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+ extension: {
+ name: 'Example Theme',
+ slug: 'example-theme',
+ version: '2.2.2',
+ type: 'theme',
+ },
+ },
+ {
+ id: 12345678912,
+ signature: 'Vulnerable.WP.Extension',
+ title: 'Vulnerable Theme: Example Theme II (version 3.3.3)',
+ description: 'This threat has a fixer with an error status.',
+ firstDetected: '2024-10-02T17:34:59.000Z',
+ fixedIn: '3.4.5',
+ fixedOn: null,
+ severity: 3,
+ fixable: { fixer: 'update', target: '1.12.4', extensionStatus: 'inactive' },
+ fixer: { status: 'error', error: 'error' },
+ status: 'current',
+ filename: null,
+ context: null,
+ source: 'https://wpscan.com/vulnerability/733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+ extension: {
+ name: 'Example Theme II',
+ slug: 'example-theme-2',
+ version: '3.3.3',
+ type: 'theme',
+ },
+ },
+ {
+ id: 185868972,
+ signature: 'EICAR_AV_Test_Suspicious',
+ title: 'Malicious code found in file: jptt_eicar.php',
+ description: 'This threat has no auto-fixer available.',
+ firstDetected: '2024-10-07T20:40:15.000Z',
+ fixedIn: null,
+ fixedOn: null,
+ severity: 1,
+ fixable: false,
+ status: 'current',
+ filename: '/var/www/html/wp-content/uploads/jptt_eicar.php',
+ context: {
+ '6': 'echo << ;
FreeResults.args = {
data: [
diff --git a/projects/js-packages/components/components/threats-data-view/styles.module.scss b/projects/js-packages/components/components/threats-data-view/styles.module.scss
index 4e8791c351444..158a01817cafd 100644
--- a/projects/js-packages/components/components/threats-data-view/styles.module.scss
+++ b/projects/js-packages/components/components/threats-data-view/styles.module.scss
@@ -103,10 +103,7 @@
font-size: 12px;
}
-.threat__severityHigh {
- color: var( --jp-yellow-60 );
-}
-
-.threat__severityCritical {
- color: var( --jp-red-60 );
+.threat__fixer {
+ min-width: 48px;
+ text-align: center;
}