fix header

src/app/components/family-connect/family-connect.component.html

@@ -1,9 +1,7 @@
-
-  <ion-card class="connect-invite" *ngIf="show_invite==true;">
+ <ion-card class="connect-invite" *ngIf="show_invite==true;">
     <ion-card-header>
       <ion-card-subtitle><div>You have an invitation waiting</div></ion-card-subtitle>
     </ion-card-header>
-
     <ion-card-content>
       <ion-item lines="none" style="background-color: transparent; border-radius: 10px;">
         <ion-icon name="megaphone-outline" slot="start" color="danger"></ion-icon>
@@ -16,20 +14,6 @@
   <div *ngIf="show_connect==true && connectStart==0;">
     <div class="bg_white connect-card"  (click)="startfamilyConnect()">
       <div class="list">
-          <!-- code to render a large video block-->
-
-<!--          <div-->
-<!--                  class="bg_image back_image banner_image"-->
-<!--                  [style.backgroundImage]="'url(' + item_banner + ')'"-->
-<!--          ></div>-->
-
-<!--        <div *ngIf="item.banner_location === 'LOCAL'">-->
-<!--          <div-->
-<!--                  class="bg_image back_image banner_image"-->
-<!--                  [style.backgroundImage]="'url(assets/images/' + item.banner + ')'"-->
-<!--          ></div>-->
-<!--        </div>-->
-
         <div class="detail">
           <ion-label class="name">Family Connect</ion-label>
           <ion-label class="bg_text ovf" style="background-color: white">
@@ -37,18 +21,16 @@
             </ion-label>
         </div>
       </div>
-      <!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
     </div>
   </div>
-
   <div *ngIf="connectStart== 100"  style="border-radius: 10px; padding: 0px; ">
-
     <ion-list  class="connect-card" style="border-radius: 10px">
-      <ion-list-header>
-        <ion-button size="medium" (click)="cancelInvite()" > Return </ion-button>
-<!--        <ion-icon name="arrow-back-circle-outline" (click)="cancelInvite()" ></ion-icon>-->
-        <ion-label>Select to Invite</ion-label>
-      </ion-list-header>
+      <ion-grid>
+        <ion-row style="font-weight: bolder; font-size: 18px;">
+          <ion-col size="auto"><ion-icon name="arrow-back-circle-outline" (click)="cancelInvite()" ></ion-icon></ion-col>
+          <ion-col>Select to Invite</ion-col>
+        </ion-row>
+      </ion-grid>
       <div style="padding: 5px;">
         <ion-item *ngFor="let item of familyData; let i = index"  (click)="startInvite(item)" style="background-color: transparent;">
           <ion-avatar aria-hidden="true" slot="start">
@@ -60,20 +42,14 @@
           </div>
         </ion-item>
       </div>
-
     </ion-list>
-
-
   </div>
-
   <div *ngIf="connectStart == 200" >
     <div class="connect-card" style="border-radius: 10px; box-shadow: 3px 3px #d3d3d3; padding: 0px; min-height: 100px;">
-
       <ion-grid>
         <ion-row>
           <ion-col><span style="font-weight: bolder; font-size: 18px;">Invite : </span> <span style="font-size: 16px; font-weight: bolder; color: #1e2023; ">{{currentInvite.firstname}} {{currentInvite.lastname}}</span></ion-col>
         </ion-row>
-
         <ion-row>
           <ion-col size="auto" style="font-weight: bolder; padding-top: 14px;">Let's :</ion-col>
           <ion-col>
@@ -90,7 +66,5 @@
           <ion-col style="text-align: center;"> <ion-button shape="round" size="small" color="primary"  (click)="sendInvite()">Send Invite</ion-button></ion-col>
         </ion-row>
       </ion-grid>
-
     </div>
-
   </div>

src/app/components/family-connect/family-connect.component.ts

@@ -54,6 +54,7 @@ connectStart : number = 0;
   }
 
   sendInvite(){
+    console.log(this.select_activity);
     this.socketToolsService.familyInvite(this.currentInvite);
   }
   cancelInvite(){