refactor(root): changed name from root to layout (#647)

Author: nsemets

src/app/app.component.ts

@@ -45,14 +45,9 @@ export class AppComponent implements OnInit {
   ngOnInit(): void {
     this.actions.getCurrentUser();
 
-    this.actions$
-      .pipe(
-        ofActionSuccessful(GetCurrentUser),
-        take(1)
-      )
-      .subscribe(() => {
-        this.actions.getEmails();
-      });
+    this.actions$.pipe(ofActionSuccessful(GetCurrentUser), take(1)).subscribe(() => {
+      this.actions.getEmails();
+    });
 
     if (this.environment.googleTagManagerId) {
       this.router.events

src/app/app.routes.ts

@@ -18,7 +18,7 @@ import { LicensesService } from './shared/services';
 export const routes: Routes = [
   {
     path: '',
-    loadComponent: () => import('./core/components/root/root.component').then((mod) => mod.RootComponent),
+    loadComponent: () => import('./core/components/layout/layout.component').then((mod) => mod.LayoutComponent),
     children: [
       {
         path: '',

src/app/core/components/index.ts

@@ -1,8 +1,8 @@
 export { BreadcrumbComponent } from './breadcrumb/breadcrumb.component';
 export { FooterComponent } from './footer/footer.component';
 export { HeaderComponent } from './header/header.component';
+export { LayoutComponent } from './layout/layout.component';
 export { MaintenanceBannerComponent } from './osf-banners/maintenance-banner/maintenance-banner.component';
 export { PageNotFoundComponent } from './page-not-found/page-not-found.component';
-export { RootComponent } from './root/root.component';
 export { SidenavComponent } from './sidenav/sidenav.component';
 export { TopnavComponent } from './topnav/topnav.component';

…core/components/root/root.component.html …/components/layout/layout.component.htmlsrc/app/core/components/root/root.component.html renamed to src/app/core/components/layout/layout.component.html src/app/core/components/root/root.component.html renamed to src/app/core/components/layout/layout.component.html

@@ -16,21 +16,21 @@ import { OSFBannerComponent } from '../osf-banners/osf-banner.component';
 import { SidenavComponent } from '../sidenav/sidenav.component';
 import { TopnavComponent } from '../topnav/topnav.component';
 
-import { RootComponent } from './root.component';
+import { LayoutComponent } from './layout.component';
 
 import { OSFTestingModule } from '@testing/osf.testing.module';
 
 describe('Component: Root', () => {
-  let component: RootComponent;
-  let fixture: ComponentFixture<RootComponent>;
+  let component: LayoutComponent;
+  let fixture: ComponentFixture<LayoutComponent>;
   let isWebSubject: BehaviorSubject<boolean>;
 
   beforeEach(async () => {
     isWebSubject = new BehaviorSubject<boolean>(true);
 
     await TestBed.configureTestingModule({
       imports: [
-        RootComponent,
+        LayoutComponent,
         OSFTestingModule,
         ...MockComponents(
           HeaderComponent,
@@ -45,7 +45,7 @@ describe('Component: Root', () => {
       providers: [MockProvider(IS_WEB, isWebSubject), MockProvider(ConfirmationService)],
     }).compileComponents();
 
-    fixture = TestBed.createComponent(RootComponent);
+    fixture = TestBed.createComponent(LayoutComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

…core/components/root/root.component.scss …/components/layout/layout.component.scsssrc/app/core/components/root/root.component.scss renamed to src/app/core/components/layout/layout.component.scss src/app/core/components/root/root.component.scss renamed to src/app/core/components/layout/layout.component.scss

@@ -18,7 +18,7 @@ import { SidenavComponent } from '../sidenav/sidenav.component';
 import { TopnavComponent } from '../topnav/topnav.component';
 
 @Component({
-  selector: 'osf-root',
+  selector: 'osf-layout',
   imports: [
     BreadcrumbComponent,
     CommonModule,
@@ -32,11 +32,11 @@ import { TopnavComponent } from '../topnav/topnav.component';
     TopnavComponent,
     TranslatePipe,
   ],
-  templateUrl: './root.component.html',
-  styleUrls: ['./root.component.scss'],
+  templateUrl: './layout.component.html',
+  styleUrls: ['./layout.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class RootComponent {
+export class LayoutComponent {
   isWeb = toSignal(inject(IS_WEB));
   isMedium = toSignal(inject(IS_MEDIUM));
 }