family connect

2024-07-27 23:38:00 -04:00
parent 5c4e0d77f2
commit c8e85e13fc
8 changed files with 88 additions and 10 deletions
@@ -0,0 +1,32 @@
+
+  <ion-card class="connect-invite">
+    <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>
+        <ion-label>Faith is waiting...</ion-label>
+        <ion-icon name="chevron-forward-outline" slot="end" color="secondary"></ion-icon>
+      </ion-item>
+    </ion-card-content>
+  </ion-card>
+  <p></p>
+  <ion-card class="connect-card">
+    <ion-card-header>
+      <ion-card-title>Family Connect</ion-card-title>
+<!--      <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
+    </ion-card-header>
+
+    <ion-card-content>
+      Share, play games, or create challenges with rewards
+      <ion-button
+              expand="block"
+              size="small"
+              fill="outline">
+        Start Connect
+      </ion-button>
+    </ion-card-content>
+  </ion-card>
+
@@ -0,0 +1,10 @@
+.connect-card{
+  margin: 0px;
+  background: rgb(240,248,255);
+  background: linear-gradient(90deg, rgba(240,248,255,1) 0%, rgba(255,240,248,1) 35%, rgba(255,240,248,1) 100%);
+}
+.connect-invite{
+  margin: 0px;
+  background: rgb(240,248,255);
+  background: linear-gradient(90deg, rgba(240,248,255,1) 0%, rgba(255,240,248,1) 35%, rgba(255,240,248,1) 100%);
+}
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { FamilyConnectComponent } from './family-connect.component';
+
+describe('FamilyConnectComponent', () => {
+  let component: FamilyConnectComponent;
+  let fixture: ComponentFixture<FamilyConnectComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FamilyConnectComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FamilyConnectComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-family-connect',
+  templateUrl: './family-connect.component.html',
+  styleUrls: ['./family-connect.component.scss'],
+})
+export class FamilyConnectComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}