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 });
+  }
+}