@@ -252,33 +252,34 @@ export default function ResourceUsage() {
252252 < div className = { `${ styles . insightsSection } ${ darkMode ? 'bg-space-cadet text-light' : '' } ` } >
253253 < div className = { styles . insightsHeader } >
254254 < h2 > Insights</ h2 >
255- < Dropdown >
256- < Dropdown . Toggle className = { styles . customDropdown } >
257- { insightsTimePeriod }
258- </ Dropdown . Toggle >
259- < Dropdown . Menu >
260- < Dropdown . Item onClick = { ( ) => setInsightsTimePeriod ( 'This Week' ) } >
261- This Week
262- </ Dropdown . Item >
263- < Dropdown . Item onClick = { ( ) => setInsightsTimePeriod ( 'Last Week' ) } >
264- Last Week
265- </ Dropdown . Item >
266- < Dropdown . Item onClick = { ( ) => setInsightsTimePeriod ( 'This Month' ) } >
267- This Month
268- </ Dropdown . Item >
269- </ Dropdown . Menu >
270- </ Dropdown >
255+ < Dropdown >
256+ < Dropdown . Toggle className = { styles . customDropdown } >
257+ { insightsTimePeriod }
258+ </ Dropdown . Toggle >
259+ < Dropdown . Menu >
260+ < Dropdown . Item onClick = { ( ) => setInsightsTimePeriod ( 'This Week' ) } >
261+ This Week
262+ </ Dropdown . Item >
263+ < Dropdown . Item onClick = { ( ) => setInsightsTimePeriod ( 'Last Week' ) } >
264+ Last Week
265+ </ Dropdown . Item >
266+ < Dropdown . Item onClick = { ( ) => setInsightsTimePeriod ( 'This Month' ) } >
267+ This Month
268+ </ Dropdown . Item >
269+ </ Dropdown . Menu >
270+ </ Dropdown >
271+ </ div >
272+
273+ < div className = { styles . insightsGrid } >
274+ { insights . map ( ( insight , idx ) => (
275+ < div
276+ key = { idx }
277+ className = { `${ styles . insightCard } ${ darkMode ? 'bg-yinmn-blue text-light' : '' } ` }
278+ >
279+ { /* Tooltip description */ }
280+ < div className = { styles . insightTooltip } >
281+ { insightDefinitions [ insight . title ] }
271282 </ div >
272- < div className = { styles . insightsGrid } >
273- { insights . map ( ( insight , idx ) => (
274- < div
275- key = { idx }
276- className = { `${ styles . insightCard } ${ darkMode ? 'bg-yinmn-blue text-light' : '' } ` }
277- >
278- { /* Tooltip description */ }
279- < div className = { styles . insightTooltip } >
280- { insightDefinitions [ insight . title ] }
281- </ div >
282283
283284 < div
284285 className = { styles . insightTitle }
0 commit comments