kontor-angular/src/app/comic/comic/comic-list/comic-list.component.html

@@ -1 +0,0 @@
-<p>comic-list works!</p>

kontor-angular/src/app/comic/comic/comic-list/comic-list.component.ts

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-comic-list',
-  imports: [],
-  templateUrl: './comic-list.component.html',
-  styleUrl: './comic-list.component.css'
-})
-export class ComicListComponent {
-
-}

kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.html

@@ -1 +0,0 @@
-<p>publisher-list works!</p>

kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.ts

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-publisher-list',
-  imports: [],
-  templateUrl: './publisher-list.component.html',
-  styleUrl: './publisher-list.component.css'
-})
-export class PublisherListComponent {
-
-}

kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.html

@@ -0,0 +1 @@
+<p>comic-comics works!</p>

kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.spec.ts

@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ComicListComponent } from './comic-list.component';
+import { ComicComicsComponent } from './comic-comics.component';
 
-describe('ComicListComponent', () => {
-  let component: ComicListComponent;
-  let fixture: ComponentFixture<ComicListComponent>;
+describe('ComicComicsComponent', () => {
+  let component: ComicComicsComponent;
+  let fixture: ComponentFixture<ComicComicsComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ComicListComponent]
+      imports: [ComicComicsComponent]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(ComicListComponent);
+    fixture = TestBed.createComponent(ComicComicsComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-comic-comics',
+  imports: [],
+  templateUrl: './comic-comics.component.html',
+  styleUrl: './comic-comics.component.css'
+})
+export class ComicComicsComponent {
+
+}

kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.html

@@ -0,0 +1 @@
+<p>comic-publishers works!</p>

kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.spec.ts

@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { PublisherListComponent } from './publisher-list.component';
+import { ComicPublishersComponent } from './comic-publishers.component';
 
-describe('PublisherListComponent', () => {
-  let component: PublisherListComponent;
-  let fixture: ComponentFixture<PublisherListComponent>;
+describe('ComicPublishersComponent', () => {
+  let component: ComicPublishersComponent;
+  let fixture: ComponentFixture<ComicPublishersComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [PublisherListComponent]
+      imports: [ComicPublishersComponent]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(PublisherListComponent);
+    fixture = TestBed.createComponent(ComicPublishersComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-comic-publishers',
+  imports: [],
+  templateUrl: './comic-publishers.component.html',
+  styleUrl: './comic-publishers.component.css'
+})
+export class ComicPublishersComponent {
+
+}

kontor-angular/src/app/kontor/comic/comic-section/comic-section.routes.ts

@@ -1,12 +1,12 @@
 import { Routes } from "@angular/router";
-import { ComicListComponent } from "../../../comic/comic/comic-list/comic-list.component";
-import { PublisherListComponent } from "../../../comic/publisher/publisher-list/publisher-list.component";
 import { ComicArtistsComponent } from "../comic-artists/comic-artists.component";
+import { ComicPublishersComponent } from './../comic-publishers/comic-publishers.component';
+import { ComicComicsComponent } from "../comic-comics/comic-comics.component";
 
 export const comicRoutes: Routes = [
     {
         path: 'comics', 
-        component: ComicListComponent
+        component: ComicComicsComponent
     },
     // {
     //     path: 'comics/:comicId',
@@ -14,7 +14,7 @@ export const comicRoutes: Routes = [
     // },
     { 
         path: 'publisher', 
-        component: PublisherListComponent
+        component: ComicPublishersComponent
     },
     // {
     //     path: 'publishers/:publisherId',