family connect

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

@@ -1,5 +1,5 @@
 
-  <ion-card class="connect-invite">
+  <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>
@@ -13,7 +13,7 @@
     </ion-card-content>
   </ion-card>
   <p></p>
-  <ion-card class="connect-card">
+  <ion-card class="connect-card" *ngIf="show_connect == true;">
     <ion-card-header>
       <ion-card-title>Family Connect</ion-card-title>
 <!--      <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->

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

@@ -6,6 +6,8 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./family-connect.component.scss'],
 })
 export class FamilyConnectComponent implements OnInit {
+show_invite:boolean = false;
+show_connect: boolean = false;
 
   constructor() { }