remove unused component

src/app/app.module.ts

@@ -7,13 +7,11 @@ import { TimezoneService } from './timezone/services/timezone.service';
 import { AppRoutingModule } from './app-routing.module';
 import { TimezoneListComponent } from './timezone/components/timezone-list/timezone-list.component';
 import { FiveoclockComponent } from './fiveoclock/fiveoclock.component';
-import { TimezoneSingleComponent } from './timezone/components/timezone-single/timezone-single.component';
 import { GoogleAnalyticsService } from './services/google-analytics.service';
 @NgModule({
   declarations: [
     AppComponent,
     TimezoneListComponent,
-    TimezoneSingleComponent,
     FiveoclockComponent
   ],
   imports: [

src/app/timezone/components/timezone-single/timezone-single.component.html

@@ -1,8 +0,0 @@
-<div class="background" [@displayState]="state">
-    <ng-container *ngIf="timezone">
-        <div class="container">
-            <h1 class="timezone">{{timezone.name}}</h1>
-            <h2 class="time">{{timezone.time?.toFormat('tt')}}</h2>
-        </div>
-    </ng-container>
-</div>

src/app/timezone/components/timezone-single/timezone-single.component.scss

@@ -1,46 +0,0 @@
-.container {
-    display:flex;
-    align-items: center;
-    flex-direction: column;
-    justify-content: center;
-    height: 100%;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-}
-
-@media (max-width: 350px) { 
-    .timezone {
-        font-size: 1.0em;
-    }
-    
-    .time {
-        font-size: 0.5em
-    }
-}
-
-@media (min-width:350px) and (max-width: 500px) { 
-    .timezone {
-        font-size: 1.5em;
-    }
-    
-    .time {
-        font-size: 1.0em
-    }
-}
-
-.timezone {
-    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: whitesmoke;
-    margin-bottom: 0;
-}
-
-.time {
-    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: whitesmoke;
-    margin-top: 0;
-}
-
-.background {
-    height: 100%
-}

src/app/timezone/components/timezone-single/timezone-single.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { TimezoneSingleComponent } from './timezone-single.component';
-
-describe('TimezoneSingleComponent', () => {
-  let component: TimezoneSingleComponent;
-  let fixture: ComponentFixture<TimezoneSingleComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ TimezoneSingleComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(TimezoneSingleComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/timezone/components/timezone-single/timezone-single.component.ts

@@ -1,32 +0,0 @@
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { Component, Input, OnInit } from '@angular/core';
-import { Timezone } from '../../models/timezone.model';
-
-@Component({
-  selector: 'app-timezone-single',
-  templateUrl: './timezone-single.component.html',
-  styleUrls: ['./timezone-single.component.scss'],
-  animations:[
-    trigger('displayState',[
-      state('show', style({
-        opacity : 1
-      })),
-      state('hide', style({
-        opacity : 0
-      })),
-      transition('show=>hide', animate('500ms ease-out')),
-      transition('hide=>show', animate('500ms ease-in'))
-    ])
-  ]
-})
-export class TimezoneSingleComponent implements OnInit {
-
-  @Input() timezone: Timezone | undefined;
-  @Input() state: string = 'hide';
-
-  constructor(){}
-
-  ngOnInit(): void {
-  }
-
-}