add activity card service

angular/src/app/activity-card/activity-card.component.html

@@ -1 +1 @@
-<p>{{ card.card }}</p>
+<p>{{ value$ | async }}</p>

angular/src/app/activity-card/activity-card.component.ts

@@ -1,19 +1,19 @@
-import {ChangeDetectionStrategy, Component, Input, OnInit} from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
 import { ApprovedForLiquidityPool } from '../prototype-v1/types';
+import { ActivityCardService } from './activity-card.service';
 
 @Component({
  selector: 'app-activity-card',
  changeDetection: ChangeDetectionStrategy.OnPush,
  templateUrl: './activity-card.component.html',
- styleUrls: ['./activity-card.component.scss']
+ styleUrls: ['./activity-card.component.scss'],
 })
 export class ActivityCardComponent implements OnInit {
-
- @Input() card: ApprovedForLiquidityPool;
-
- constructor() { }
+ value$: Observable<ApprovedForLiquidityPool>;
+ constructor(private activityCard: ActivityCardService) {}
 
  ngOnInit(): void {
+ this.value$ = this.activityCard.state$;
  }
-
 }

angular/src/app/activity-card/activity-card.service.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { ApprovedForLiquidityPool } from '../prototype-v1/types';
+
+const initialState: ApprovedForLiquidityPool = null;
+
+@Injectable({
+ providedIn: 'root',
+})
+export class ActivityCardService {
+ private data$ = new BehaviorSubject<ApprovedForLiquidityPool>(initialState);
+ state$ = this.data$.asObservable();
+
+ constructor() {}
+
+ public setCard(value): void {
+ const currentData = this.data$.getValue();
+ this.data$.next({ ...currentData, ...value });
+ }
+}