diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info-group/business-info-group.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info-group/business-info-group.component.ts
index 7080d93b6..cc10f5619 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info-group/business-info-group.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info-group/business-info-group.component.ts
@@ -60,8 +60,11 @@ export class BusinessInfoGroupComponent implements OnInit {
    if(details.form_id==1){
       const dialogRef = this.dialog.open(SupplierInfoComponent, {
           data: this.pd_all_details,
-          position: { right: '0'},
-          width:'80%',
+           // position: { right: '0'},
+              maxWidth: '100vw',
+              maxHeight: '100vh',
+              height: '100%',
+              width: '100%',
           disableClose: true
         });
         dialogRef.afterClosed()
@@ -72,8 +75,11 @@ export class BusinessInfoGroupComponent implements OnInit {
   else if(details.form_id==2){
       const dialogRef = this.dialog.open(ClientInfoComponent, {
           data: this.pd_all_details,
-          position: { right: '0'},
-          width:'80%',
+           // position: { right: '0'},
+              maxWidth: '100vw',
+              maxHeight: '100vh',
+              height: '100%',
+              width: '100%',
           disableClose: true
         });
         dialogRef.afterClosed()
@@ -84,8 +90,11 @@ export class BusinessInfoGroupComponent implements OnInit {
   else if(details.form_id==11){
       const dialogRef = this.dialog.open(StockComponent, {
           data: this.pd_all_details,
-          position: { right: '0'},
-          width:'80%',
+           // position: { right: '0'},
+              maxWidth: '100vw',
+              maxHeight: '100vh',
+              height: '100%',
+              width: '100%',
           disableClose: true
         });
         dialogRef.afterClosed()
@@ -96,8 +105,11 @@ export class BusinessInfoGroupComponent implements OnInit {
   else if(details.form_id==13){
       const dialogRef = this.dialog.open(BusinessInfoComponent, {
           data: this.pd_all_details,
-          position: { right: '0'},
-          width:'80%',
+          // position: { right: '0'},
+             maxWidth: '100vw',
+             maxHeight: '100vh',
+             height: '100%',
+             width: '100%',
           disableClose: true
         });
         dialogRef.afterClosed()
@@ -108,8 +120,11 @@ export class BusinessInfoGroupComponent implements OnInit {
   else if(details.form_id==14){
       const dialogRef = this.dialog.open(FinancialInfoComponent, {
           data: this.pd_all_details,
-          position: { right: '0'},
-          width:'80%',
+           // position: { right: '0'},
+              maxWidth: '100vw',
+              maxHeight: '100vh',
+              height: '100%',
+              width: '100%',
           disableClose: true
         });
         dialogRef.afterClosed()
@@ -120,8 +135,11 @@ export class BusinessInfoGroupComponent implements OnInit {
   else if(details.form_id==22){
     const dialogRef = this.dialog.open(BusinessAssetsInfoComponent, {
         data: this.pd_all_details,
-        position: { right: '0'},
-        width:'80%',
+         // position: { right: '0'},
+            maxWidth: '100vw',
+            maxHeight: '100vh',
+            height: '100%',
+            width: '100%',
         disableClose: true
       });
       dialogRef.afterClosed()
@@ -132,8 +150,11 @@ export class BusinessInfoGroupComponent implements OnInit {
   else if(details.form_id==21) {
     const dialogRef = this.dialog.open(BusinessBankingDetailsComponent, {
       data: this.pd_all_details,
-      position: { right: '0'},
-      width:'80%',
+       // position: { right: '0'},
+          maxWidth: '100vw',
+          maxHeight: '100vh',
+          height: '100%',
+          width: '100%',
       disableClose: true
     });
     dialogRef.afterClosed()
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html
index bc1bc7bb3..6224e0a8f 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html
@@ -1,16 +1,33 @@
 <form [formGroup]="representativeForm" class="address">
   <h2 mat-dialog-title class="paragraph_change">
                 <div fxFlex="70" align="left" style="padding: 10px !important;">
+                        <span>{{main_applicant}} ({{lender_applicant_id}}), {{customer_segment_abbr}} - {{subproduct_abbr}} </span><br>
                         {{pageTitle}}
                 </div>
                 <div fxFlex="30" align="end" style="padding: 10px !important;">
-                        <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
+                    <!--<mat-form-field>
+  <input matInput value="Disco party!" placeholder="Message" #message>
+</mat-form-field>
+
+<mat-form-field>
+  <input matInput value="Dance" placeholder="Action" #action>
+</mat-form-field>-->
+<!--<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Show Snack Bar" matTooltipPosition="right" (click)="open()"><mat-icon>person</mat-icon></button>      -->
+<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
                 
                 </div>
   </h2>
 
   <mat-dialog-content>
-    
+       <!--<div fxLayout="row">
+        <div fxFlex="100">
+        <div fxFlex="20" fxFlexOffset="40" style="text-align:center;">
+            <mat-card class="notificard">
+               <h6 style="text-align:right;"> <button mat-icon-button class="hover-icon  " type="button" matTooltip="Close" matTooltipPosition="above"><mat-icon>close</mat-icon></button>
+               </h6>
+                <h2 style="margin-top: 0px;margin-bottom:30px;">heading</h2>
+            </mat-card>
+        </div></div></div>-->
         <mat-tab-group>
                 <mat-tab label="Questions">
                   <ng-template matTabContent>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.scss
index f22af58e7..cc247bddb 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.scss
@@ -1,7 +1,24 @@
 .mat-form-field {
     width: 97%;
   }
-  
+  ::ng-deep .cdk-global-overlay-wrapper {
+  align-items: flex-start !important;
+  }
+ ::ng-deep .mat-snack-bar-container.mat-snack-bar-center{
+      margin: 5px !important;
+  }
+ ::ng-deep .mat-simple-snackbar-action button {
+    text-align: right;
+    padding: 0px;
+    color: #e00201;
+}
+//   .notificard{
+//     width: 25%;
+//     margin-top: -66px;
+//     position: absolute;
+//     color: #fff !important;
+//     background: rgba(74, 70, 70, 0.30980392156862746);
+//   }
 //   .address > * {
 //     width: 100%;
 //   }
@@ -9,9 +26,9 @@
 //     margin: 0 2%;
 //     width:100%;
 //   }
- ::ng-deep .cdk-global-overlay-wrapper{
-        justify-content: center !important;
-}
+//  ::ng-deep .cdk-global-overlay-wrapper{
+//         justify-content: center !important;
+// }
 .paragraph_change {
    color:  #fff !important;
     background-color: #e00201 !important;
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.ts
index d430fefb1..fa9f58874 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.ts
@@ -4,7 +4,9 @@ import { NotifierService } from 'angular-notifier';
 import {
     MatDialog,
     MatDialogRef,
-    MAT_DIALOG_DATA
+    MAT_DIALOG_DATA,
+    MatSnackBarConfig,
+    MatSnackBar,
 } from '@angular/material';
 /** Service */
 import { PdTrigerService } from '../../../../../pd-service/pd-triger.service';
@@ -16,23 +18,45 @@ import { ActivatedRoute, Router } from "@angular/router";
   styleUrls: ['./lender-representative.component.scss']
 })
 export class LenderRepresentativeComponent implements OnInit {
-  public representativeForm: FormGroup;
+    customer_segment_abbr: any;
+    subproduct_abbr: any;
+    lender_applicant_id: any;
+    main_applicant: any;
+    message : any = {};
+    // applicant_name: any;
+    // snackBar: any;
+    public representativeForm: FormGroup;
   private notifier: NotifierService;
   pageTitle: string ="Lender Representative Details";
   pdid: number;
   form_id: number;
 
+  //snack bar
+   
+
   constructor(notifier: NotifierService, 
     private fb: FormBuilder, 
     private route: ActivatedRoute,
     private router: Router,
+    private snackBar: MatSnackBar,
     private _pd: PdTrigerService,
     private dialogRef: MatDialogRef<LenderRepresentativeComponent>,
     @Inject(MAT_DIALOG_DATA) public pd_all_details: any) { 
       this.pdid = this.pd_all_details.pdmaster_details.pd_id;
+      this.main_applicant = this.pd_all_details.pdmaster_details.main_applicant;
+      this.lender_applicant_id = this.pd_all_details.pdmaster_details.lender_applicant_id;
+      this.subproduct_abbr = this.pd_all_details.pdmaster_details.subproduct_abbr;
+      this.customer_segment_abbr = this.pd_all_details.pdmaster_details.customer_segment_abbr;
+    //   console.log(this.main_applicant+','+this.lender_applicant_id+','+this.subproduct_abbr+','+this.customer_segment_abbr);
       this.form_id = 15;
       this.notifier = notifier;
   }
+    // message ='Snack Bar Opened.';
+    // actionButtonLabel = 'Close';
+    // action = true;
+    // setAutohide = true;
+    // autoHide = 1000000;
+    // addExtraClass = false;
   public viewerOptions: any = {
   navbar: false,
   toolbar: {
@@ -52,7 +76,18 @@ export class LenderRepresentativeComponent implements OnInit {
     flipVertical: 4,
   }
 };
+
+// open() {
+//     // console.log('hai');
+
+//     const config = new MatSnackBarConfig();
+//     config.duration = this.autoHide;
+//     config.panelClass = this.addExtraClass ? ['party'] : null;
+//     this.snackBar.open(this.message, this.action && this.actionButtonLabel, config);
+// }
   ngOnInit() {
+    //   this.message.main_applicant = this.main_applicant;
+    //   this.message.lender_applicant_id = this.lender_applicant_id;
       this.initRepresentative();
       let params: any = {};
       params.pd_id = this.pdid;
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
index c97e840f3..f89b4ea23 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
@@ -1,6 +1,9 @@
 // .child_mat_card mat-card {
 //      margin: 2 0%;
 // }
+::ng-deep .mat-dialog-container{
+    overflow: hidden !important;
+}
    ::ng-deep .mat-card-header-text{
         margin:0px !important;
     }
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.ts
index 0af985710..75a7bbdb3 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.ts
@@ -161,8 +161,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
          if(this.selectedFormsCategory.form_id==1){
             const dialogRef = this.dialog.open(SupplierInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -174,8 +177,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==2){
             const dialogRef = this.dialog.open(ClientInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -187,8 +193,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==3){
             const dialogRef = this.dialog.open(PersonalInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -200,8 +209,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==4){
             const dialogRef = this.dialog.open(AssetsInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -213,8 +225,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==5){
             const dialogRef = this.dialog.open(AddressComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -226,8 +241,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==6){
             const dialogRef = this.dialog.open(FamilyDetailsComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -239,8 +257,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==7){
             const dialogRef = this.dialog.open(BankingDetailsComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -253,8 +274,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==8){
             const dialogRef = this.dialog.open(CurrentLoanComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -267,8 +291,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==9){
             const dialogRef = this.dialog.open(OtherIncomeComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -280,8 +307,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==10){
             const dialogRef = this.dialog.open(LoanDetailsComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -293,8 +323,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==11){
             const dialogRef = this.dialog.open(StockComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -306,8 +339,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==12){
             const dialogRef = this.dialog.open(EmploymentInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -319,8 +355,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==13){
             const dialogRef = this.dialog.open(BusinessInfoGroupComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -332,8 +371,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==14){
             const dialogRef = this.dialog.open(FinancialInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -345,8 +387,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==15){
             const dialogRef = this.dialog.open(LenderRepresentativeComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -359,8 +404,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==16){
             const dialogRef = this.dialog.open(AssessedIncomeComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -372,8 +420,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==17){
             const dialogRef = this.dialog.open(RentalInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
@@ -385,8 +436,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         else if(this.selectedFormsCategory.form_id==18){
             const generaldialogRef = this.dialog.open(GeneralInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               generaldialogRef.afterClosed()
@@ -398,8 +452,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         else if(this.selectedFormsCategory.form_id==19){
             const generaldialogRef = this.dialog.open(NeighbourHoodComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               generaldialogRef.afterClosed()
@@ -410,8 +467,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         }else if(this.selectedFormsCategory.form_id==20){
             const generaldialogRef = this.dialog.open(FinalRemarksComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               generaldialogRef.afterClosed()
@@ -423,8 +483,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
         if(this.selectedFormsCategory.form_id==22){
             const dialogRef = this.dialog.open(BusinessAssetsInfoComponent, {
                 data: this.pdFullDetails,
-                position: { right: '0'},
-                width:'80%',
+                 // position: { right: '0'},
+                maxWidth: '100vw',
+                maxHeight: '100vh',
+                height: '100%',
+                width: '100%',
                 disableClose: true
               });
               dialogRef.afterClosed()
diff --git a/ng6-seed/src/app/personal-discussion/personal-discussion.module.ts b/ng6-seed/src/app/personal-discussion/personal-discussion.module.ts
index 8149f4af5..0bc51ae8d 100755
--- a/ng6-seed/src/app/personal-discussion/personal-discussion.module.ts
+++ b/ng6-seed/src/app/personal-discussion/personal-discussion.module.ts
@@ -50,7 +50,6 @@ import { personalDiscussionRoutes } from './personal-discussion.routing';
     TreeModule,
     MatDialogModule,MatSortModule,
     NgxMatSelectSearchModule,MatTooltipModule, MatExpansionModule,
-  ],
-  declarations: []
+  ]
 })
 export class PersonalDiscussionModule { }
diff --git a/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.html b/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.html
new file mode 100644
index 000000000..8fe9cab13
--- /dev/null
+++ b/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.html
@@ -0,0 +1,3 @@
+<p>
+  snack-bar works!
+</p>
diff --git a/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.scss b/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.spec.ts b/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.spec.ts
new file mode 100644
index 000000000..05db7e794
--- /dev/null
+++ b/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SnackBarComponent } from './snack-bar.component';
+
+describe('SnackBarComponent', () => {
+  let component: SnackBarComponent;
+  let fixture: ComponentFixture<SnackBarComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SnackBarComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SnackBarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.ts b/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.ts
new file mode 100644
index 000000000..d7870a9e2
--- /dev/null
+++ b/ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-snack-bar',
+  templateUrl: './snack-bar.component.html',
+  styleUrls: ['./snack-bar.component.scss']
+})
+export class SnackBarComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}