[HIMA-61] - moved newsletter to debug module

src/app/app-routing.module.ts

@@ -10,7 +10,6 @@ import {
 import { SearchResultsComponent } from './components/search-results/search-results.component';
 import { ProductDetailsComponent } from './components/product-details/product-details.component';
 import { BarcodeSearchComponent } from './modules/barcode-search/barcode-search.component';
-import { NewsletterSignupComponent } from './modules/newsletter-signup/newsletter-signup.component';
 
 const routes: Routes = [
   { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
@@ -22,7 +21,6 @@ const routes: Routes = [
   { path: 'search-results#start', component: SearchResultsComponent },
   { path: 'product-details/:id', component: ProductDetailsComponent },
   { path: 'article-scan', component: BarcodeSearchComponent },
-  { path: 'newsletter', component: NewsletterSignupComponent },
   { path: 'debug', loadChildren: './modules/debug/debug.module#DebugModule' }
 ];
 

src/app/modules/debug/debug.module.ts

@@ -4,18 +4,29 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { SharedModule } from 'src/app/shared/shared.module';
 import { CommonModule } from '@angular/common';
+import { NewsletterDebugComponent } from './newsletter-debug/newsletter-debug.component';
+import { NewsletterSignupModule } from '../newsletter-signup/newsletter-signup.module';
 
 const routes: Routes = [
   {
     path: 'card-stack',
     component: CardStackAnimationComponent
   },
+  {
+    path: 'newsletter',
+    component: NewsletterDebugComponent
+  },
   { path: '**', redirectTo: 'card-stack' }
 ];
 
 @NgModule({
-  imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
+  imports: [
+    CommonModule,
+    SharedModule,
+    RouterModule.forChild(routes),
+    NewsletterSignupModule
+  ],
   exports: [],
-  declarations: [CardStackAnimationComponent]
+  declarations: [CardStackAnimationComponent, NewsletterDebugComponent]
 })
 export class DebugModule {}

src/app/modules/debug/newsletter-debug/newsletter-debug.component.html

@@ -0,0 +1,3 @@
+<app-card style="padding: 36px;">
+  <app-newsletter-signup></app-newsletter-signup>
+</app-card>

src/app/modules/debug/newsletter-debug/newsletter-debug.component.ts

@@ -0,0 +1,9 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-newsletter-debug',
+  templateUrl: 'newsletter-debug.component.html'
+})
+export class NewsletterDebugComponent implements OnInit {
+  ngOnInit(): void {}
+}

src/app/modules/newsletter-signup/newsletter-signup.component.scss

@@ -1,11 +1,7 @@
 .container {
   display: flex;
   align-items: center;
-  padding: 36px;
   flex-direction: column;
-  background-color: rgba(255, 255, 255, 1);
-  border-radius: 5px;
-  box-shadow: 0px -2px 24px 0px rgba(220, 226, 233, 0.8);
   user-select: none;
 
   h1 {

src/app/modules/newsletter-signup/newsletter-signup.module.ts

@@ -5,10 +5,9 @@ import { NgModule } from '@angular/core';
 import { SignaturePadComponent } from './components/signature-pad/signature-pad.component';
 import { NewsletterSignupComponent } from './newsletter-signup.component';
 import { CommonModule } from '@angular/common';
-import { BrowserModule } from '@angular/platform-browser';
 
 @NgModule({
-  imports: [BrowserModule, CommonModule, SignaturePadModule],
+  imports: [CommonModule, SignaturePadModule],
   exports: [NewsletterSignupComponent],
   declarations: [NewsletterSignupComponent, SignaturePadComponent],
   providers: []