typo fixes

Author: codediodeio

src/app/app.module.ts

@@ -36,6 +36,7 @@ import { UploadDetailComponent } from './uploads/upload-detail/upload-detail.com
 import { NavService } from './ui/shared/nav.service';
 import { TopNavComponent } from './ui/top-nav/top-nav.component';
 import { FooterNavComponent } from './ui/footer-nav/footer-nav.component';
+import { LoadingSpinnerComponent } from './ui/loading-spinner/loading-spinner.component';
 
 
 export const firebaseConfig = environment.firebaseConfig;
@@ -56,7 +57,8 @@ export const firebaseConfig = environment.firebaseConfig;
     UploadDetailComponent,
     TopNavComponent,
     FooterNavComponent,
-    UserFormComponent
+    UserFormComponent,
+    LoadingSpinnerComponent
   ],
   imports: [
     BrowserModule,

src/app/items/shared/item.ts

@@ -1,9 +1,3 @@
-// interface ItemInterface {
-//   // $key: string;
-//   title: string;
-//   body: string;
-// }
-
 export class Item {
   $key: string;
   title: string;

src/app/ui/loading-spinner/loading-spinner.component.html

@@ -0,0 +1,3 @@
+<p>
+  loading-spinner works!
+</p>

src/app/ui/loading-spinner/loading-spinner.component.scss

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'loading-spinner',
+  templateUrl: './loading-spinner.component.html',
+  styleUrls: ['./loading-spinner.component.scss']
+})
+export class LoadingSpinnerComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/ui/loading-spinner/loading-spinner.component.ts

@@ -1,11 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import {
-  trigger,
-  state,
-  style,
-  animate,
-  transition
-} from '@angular/animations';
+import { trigger,state,style,animate,transition } from '@angular/animations';
 
 @Component({
   selector: 'top-nav',