@@ -339,76 +339,40 @@ export const FilterFaceted: React.FunctionComponent = () => {
339
339
< MenuContent >
340
340
< MenuList >
341
341
< MenuGroup label = "Status" >
342
- < MenuItem
343
- hasCheckbox
344
- isSelected = { statusSelections . includes ( 'Degraded' ) }
345
- itemId = "Degraded"
346
- >
342
+ < MenuItem hasCheckbox isSelected = { statusSelections . includes ( 'Degraded' ) } itemId = "Degraded" >
347
343
Degraded
348
344
</ MenuItem >
349
- < MenuItem
350
- hasCheckbox
351
- isSelected = { statusSelections . includes ( 'Down' ) }
352
- itemId = "Down"
353
- >
345
+ < MenuItem hasCheckbox isSelected = { statusSelections . includes ( 'Down' ) } itemId = "Down" >
354
346
Down
355
347
</ MenuItem >
356
- < MenuItem
357
- hasCheckbox
358
- isSelected = { statusSelections . includes ( 'Needs Maintenance' ) }
348
+ < MenuItem
349
+ hasCheckbox
350
+ isSelected = { statusSelections . includes ( 'Needs Maintenance' ) }
359
351
itemId = "Needs Maintenance"
360
352
>
361
353
Needs Maintenance
362
354
</ MenuItem >
363
- < MenuItem
364
- hasCheckbox
365
- isSelected = { statusSelections . includes ( 'Running' ) }
366
- itemId = "Running"
367
- >
355
+ < MenuItem hasCheckbox isSelected = { statusSelections . includes ( 'Running' ) } itemId = "Running" >
368
356
Running
369
357
</ MenuItem >
370
- < MenuItem
371
- hasCheckbox
372
- isSelected = { statusSelections . includes ( 'Stopped' ) }
373
- itemId = "Stopped"
374
- >
358
+ < MenuItem hasCheckbox isSelected = { statusSelections . includes ( 'Stopped' ) } itemId = "Stopped" >
375
359
Stopped
376
360
</ MenuItem >
377
361
</ MenuGroup >
378
362
< MenuGroup label = "Location" >
379
- < MenuItem
380
- hasCheckbox
381
- isSelected = { locationSelections . includes ( 'Bangalore' ) }
382
- itemId = "Bangalore"
383
- >
363
+ < MenuItem hasCheckbox isSelected = { locationSelections . includes ( 'Bangalore' ) } itemId = "Bangalore" >
384
364
Bangalore
385
365
</ MenuItem >
386
- < MenuItem
387
- hasCheckbox
388
- isSelected = { locationSelections . includes ( 'Boston' ) }
389
- itemId = "Boston"
390
- >
366
+ < MenuItem hasCheckbox isSelected = { locationSelections . includes ( 'Boston' ) } itemId = "Boston" >
391
367
Boston
392
368
</ MenuItem >
393
- < MenuItem
394
- hasCheckbox
395
- isSelected = { locationSelections . includes ( 'Brno' ) }
396
- itemId = "Brno"
397
- >
369
+ < MenuItem hasCheckbox isSelected = { locationSelections . includes ( 'Brno' ) } itemId = "Brno" >
398
370
Brno
399
371
</ MenuItem >
400
- < MenuItem
401
- hasCheckbox
402
- isSelected = { locationSelections . includes ( 'Raleigh' ) }
403
- itemId = "Raleigh"
404
- >
372
+ < MenuItem hasCheckbox isSelected = { locationSelections . includes ( 'Raleigh' ) } itemId = "Raleigh" >
405
373
Raleigh
406
374
</ MenuItem >
407
- < MenuItem
408
- hasCheckbox
409
- isSelected = { locationSelections . includes ( 'Westford' ) }
410
- itemId = "Westford"
411
- >
375
+ < MenuItem hasCheckbox isSelected = { locationSelections . includes ( 'Westford' ) } itemId = "Westford" >
412
376
Westford
413
377
</ MenuItem >
414
378
</ MenuGroup >
0 commit comments