@@ -8,11 +8,9 @@ import { getWorkspaceCloudAccountsQuery, getWorkspaceInventoryReportBenchmarksQu
88import { useAbsoluteNavigate } from 'src/shared/absolute-navigate'
99import { ErrorBoundaryFallback , NetworkErrorBoundary } from 'src/shared/error-boundary-fallback'
1010import { LoadingSuspenseFallback } from 'src/shared/loading'
11- import { HelpSlider } from 'src/shared/right-slider'
1211import { GetWorkspaceCloudAccountsResponse , GetWorkspaceInventoryReportBenchmarksResponse } from 'src/shared/types/server'
1312import { getAccountName } from 'src/shared/utils/getAccountName'
1413import { ComplianceDetail } from './ComplianceDetail'
15- import { slides } from './slides'
1614
1715export const ComplianceSummary = ( ) => {
1816 const { selectedWorkspace } = useUserProfile ( )
@@ -62,46 +60,48 @@ export const ComplianceSummary = () => {
6260 : accounts
6361
6462 return (
65- < Stack direction = "row" flexWrap = "wrap" gap = { 3.75 } justifyContent = "space-between" width = "100%" >
66- < HelpSlider slides = { slides } >
67- < Trans > Compliance</ Trans >
68- </ HelpSlider >
69- < Stack direction = "row" gap = { 3.75 } alignItems = "center" sx = { { overflowX : 'auto' , overflowY : 'hidden' } } flexWrap = "wrap" >
70- < Stack direction = "row" gap = { 3 } alignItems = "center" >
71- < Typography variant = "subtitle1" color = "textSecondary" >
72- < Trans > By framework</ Trans >
73- </ Typography >
74- < Select
75- value = { benchmarkId ?? '' }
76- onChange = { ( e ) => setFramework ( e . target . value ) }
77- sx = { { minWidth : 180 , color : ! benchmarkId ? ( { palette } ) => palette . text . disabled : undefined } }
78- displayEmpty
79- >
80- < MenuItem value = "" disabled >
81- < Trans > Select one</ Trans >
63+ < Stack
64+ direction = "row"
65+ gap = { 3.75 }
66+ alignItems = "center"
67+ justifyContent = "end"
68+ sx = { { overflowX : 'auto' , overflowY : 'hidden' } }
69+ flexWrap = "wrap"
70+ >
71+ < Stack direction = "row" gap = { 3 } alignItems = "center" >
72+ < Typography variant = "subtitle1" color = "textSecondary" >
73+ < Trans > By framework</ Trans >
74+ </ Typography >
75+ < Select
76+ value = { benchmarkId ?? '' }
77+ onChange = { ( e ) => setFramework ( e . target . value ) }
78+ sx = { { minWidth : 180 , color : ! benchmarkId ? ( { palette } ) => palette . text . disabled : undefined } }
79+ displayEmpty
80+ >
81+ < MenuItem value = "" disabled >
82+ < Trans > Select one</ Trans >
83+ </ MenuItem >
84+ { benchmarks . map ( ( benchmark ) => (
85+ < MenuItem key = { benchmark . value } value = { benchmark . value } >
86+ { benchmark . title }
8287 </ MenuItem >
83- { benchmarks . map ( ( benchmark ) => (
84- < MenuItem key = { benchmark . value } value = { benchmark . value } >
85- { benchmark . title }
86- </ MenuItem >
87- ) ) }
88- </ Select >
89- </ Stack >
90- < Stack direction = "row" gap = { 3 } alignItems = "center" >
91- < Typography variant = "subtitle1" color = "textSecondary ">
92- < Trans > By account </ Trans >
93- </ Typography >
94- < Select value = { accountId } onChange = { ( e ) => setAccount ( e . target . value ) } sx = { { minWidth : 180 } } displayEmpty >
95- < MenuItem value = "" >
96- < Trans > All accounts </ Trans >
88+ ) ) }
89+ </ Select >
90+ </ Stack >
91+ < Stack direction = "row" gap = { 3 } alignItems = "center" >
92+ < Typography variant = "subtitle1" color = "textSecondary" >
93+ < Trans > By account </ Trans >
94+ </ Typography >
95+ < Select value = { accountId } onChange = { ( e ) => setAccount ( e . target . value ) } sx = { { minWidth : 180 } } displayEmpty >
96+ < MenuItem value = " ">
97+ < Trans > All accounts </ Trans >
98+ </ MenuItem >
99+ { cloudFilteredAccounts . map ( ( account ) => (
100+ < MenuItem key = { account . value } value = { account . value } >
101+ { account . title }
97102 </ MenuItem >
98- { cloudFilteredAccounts . map ( ( account ) => (
99- < MenuItem key = { account . value } value = { account . value } >
100- { account . title }
101- </ MenuItem >
102- ) ) }
103- </ Select >
104- </ Stack >
103+ ) ) }
104+ </ Select >
105105 </ Stack >
106106 { isLoading ? (
107107 < LoadingSuspenseFallback />
0 commit comments