@@ -480,100 +480,109 @@ const Console = ({ classes }: IConsoleProps) => {
480
480
return (
481
481
< Fragment >
482
482
{ session && session . status === "ok" ? (
483
- < MainContainer menu = { ! hideMenu ? < Menu /> : null } >
484
- { needsRestart && (
485
- < div className = { classes . warningBar } >
486
- { isServerLoading ? (
487
- < Fragment >
488
- The server is restarting.
489
- < LinearProgress className = { classes . progress } />
490
- </ Fragment >
491
- ) : (
492
- < Fragment >
493
- The instance needs to be restarted for configuration changes
494
- to take effect.{ " " }
495
- < Button
496
- id = { "restart-server" }
497
- variant = "secondary"
498
- onClick = { ( ) => {
499
- restartServer ( ) ;
500
- } }
501
- label = { "Restart" }
502
- />
503
- </ Fragment >
504
- ) }
483
+ < MainContainer
484
+ menu = { ! hideMenu ? < Menu /> : < Fragment /> }
485
+ mobileModeAuto = { false }
486
+ >
487
+ < Fragment >
488
+ { needsRestart && (
489
+ < div className = { classes . warningBar } >
490
+ { isServerLoading ? (
491
+ < Fragment >
492
+ The server is restarting.
493
+ < LinearProgress className = { classes . progress } />
494
+ </ Fragment >
495
+ ) : (
496
+ < Fragment >
497
+ The instance needs to be restarted for configuration changes
498
+ to take effect.{ " " }
499
+ < Button
500
+ id = { "restart-server" }
501
+ variant = "secondary"
502
+ onClick = { ( ) => {
503
+ restartServer ( ) ;
504
+ } }
505
+ label = { "Restart" }
506
+ />
507
+ </ Fragment >
508
+ ) }
509
+ </ div >
510
+ ) }
511
+ { loadingProgress < 100 && (
512
+ < LinearProgress
513
+ className = { classes . progress }
514
+ variant = "determinate"
515
+ value = { loadingProgress }
516
+ />
517
+ ) }
518
+ < MainError />
519
+ < div className = { classes . snackDiv } >
520
+ < Snackbar
521
+ open = { openSnackbar }
522
+ onClose = { ( ) => {
523
+ closeSnackBar ( ) ;
524
+ } }
525
+ autoHideDuration = {
526
+ snackBarMessage . type === "error" ? 10000 : 5000
527
+ }
528
+ message = { snackBarMessage . message }
529
+ className = { classes . snackBarExternal }
530
+ ContentProps = { {
531
+ className : `${ classes . snackBar } ${
532
+ snackBarMessage . type === "error"
533
+ ? classes . errorSnackBar
534
+ : ""
535
+ } `,
536
+ } }
537
+ />
505
538
</ div >
506
- ) }
507
- { loadingProgress < 100 && (
508
- < LinearProgress
509
- className = { classes . progress }
510
- variant = "determinate"
511
- value = { loadingProgress }
512
- />
513
- ) }
514
- < MainError />
515
- < div className = { classes . snackDiv } >
516
- < Snackbar
517
- open = { openSnackbar }
518
- onClose = { ( ) => {
519
- closeSnackBar ( ) ;
520
- } }
521
- autoHideDuration = { snackBarMessage . type === "error" ? 10000 : 5000 }
522
- message = { snackBarMessage . message }
523
- className = { classes . snackBarExternal }
524
- ContentProps = { {
525
- className : `${ classes . snackBar } ${
526
- snackBarMessage . type === "error" ? classes . errorSnackBar : ""
527
- } `,
528
- } }
529
- />
530
- </ div >
531
- < Suspense fallback = { < LoadingComponent /> } >
532
- < ObjectManager />
533
- </ Suspense >
534
- < Routes >
535
- { allowedRoutes . map ( ( route : any ) => (
539
+ < Suspense fallback = { < LoadingComponent /> } >
540
+ < ObjectManager />
541
+ </ Suspense >
542
+ < Routes >
543
+ { allowedRoutes . map ( ( route : any ) => (
544
+ < Route
545
+ key = { route . path }
546
+ path = { `${ route . path } /*` }
547
+ element = {
548
+ < Suspense fallback = { < LoadingComponent /> } >
549
+ < route . component { ...route . props } />
550
+ </ Suspense >
551
+ }
552
+ />
553
+ ) ) }
536
554
< Route
537
- key = { route . path }
538
- path = { ` ${ route . path } /*` }
555
+ key = { "icons" }
556
+ path = { "icons" }
539
557
element = {
540
558
< Suspense fallback = { < LoadingComponent /> } >
541
- < route . component { ... route . props } />
559
+ < IconsScreen />
542
560
</ Suspense >
543
561
}
544
562
/>
545
- ) ) }
546
- < Route
547
- key = { "icons" }
548
- path = { "icons" }
549
- element = {
550
- < Suspense fallback = { < LoadingComponent /> } >
551
- < IconsScreen />
552
- </ Suspense >
553
- }
554
- />
555
- < Route
556
- key = { "components" }
557
- path = { "components" }
558
- element = {
559
- < Suspense fallback = { < LoadingComponent /> } >
560
- < ComponentsScreen />
561
- </ Suspense >
562
- }
563
- />
564
- < Route
565
- path = { "*" }
566
- element = {
567
- < Fragment >
568
- { allowedRoutes . length > 0 ? (
569
- < Navigate to = { allowedRoutes [ 0 ] . path } />
570
- ) : (
571
- < Fragment />
572
- ) }
573
- </ Fragment >
574
- }
575
- />
576
- </ Routes >
563
+ < Route
564
+ key = { "components" }
565
+ path = { "components" }
566
+ element = {
567
+ < Suspense fallback = { < LoadingComponent /> } >
568
+ < ComponentsScreen />
569
+ </ Suspense >
570
+ }
571
+ />
572
+ < Route
573
+ path = { "*" }
574
+ element = {
575
+ < Fragment >
576
+ { allowedRoutes . length > 0 ? (
577
+ < Navigate to = { allowedRoutes [ 0 ] . path } />
578
+ ) : (
579
+ < Fragment />
580
+ ) }
581
+ </ Fragment >
582
+ }
583
+ />
584
+ </ Routes >
585
+ </ Fragment >
577
586
</ MainContainer >
578
587
) : null }
579
588
</ Fragment >
0 commit comments