feat(dojo): update realties refresh

theodo-fintech · May 7, 2024 · a8822ae · a8822ae
1 parent 88188c3
commit a8822ae
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 16 deletions.
diff --git a/dojo-front/dojo-front/src/app/assets/assets.component.html b/dojo-front/dojo-front/src/app/assets/assets.component.html
@@ -5,7 +5,7 @@ <h1 class="list-title">Vos appartements</h1>
     </div>
     <div class="assets__cards">
       <div *ngFor="let apartment of apartments" class="assets__card">
-        <app-realty-card [realty]="apartment"></app-realty-card>
+        <app-realty-card [realty]="apartment" (realtyUpdated)="refreshRealties()"></app-realty-card>
       </div>
     </div>
   </div>

diff --git a/dojo-front/dojo-front/src/app/assets/assets.component.ts b/dojo-front/dojo-front/src/app/assets/assets.component.ts
@@ -1,6 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { Observable, map, tap } from 'rxjs';
-import { RealtiesService } from 'src/shared/services/realties.service';
+import {map, take} from 'rxjs';
 import { REALTY_TYPE, Realty } from '../../shared/interface/realty';
 import { UserService } from '../home/services/user.service';
 
@@ -10,20 +9,22 @@ import { UserService } from '../home/services/user.service';
   styleUrls: ['./assets.component.scss'],
 })
 export class AssetsComponent implements OnInit {
-  assets$!: Observable<Realty[]>;
   apartments: Realty[] = [];
   participatives: Realty[] = [];
 
   constructor(
-    private realtiesService: RealtiesService,
     private userService: UserService
   ) {}
 
   ngOnInit() {
+    this.fetchRealties()
+  }
+
+  private fetchRealties(){
     this.userService
       .fetchUserRealties()
       .pipe(map((assets) => assets.map((asset) => asset.realty)))
-      .pipe(tap(console.log))
+      .pipe(take(1))
       .subscribe((realties) => {
         this.apartments = this.filterRealtiesByType(
           realties,
@@ -39,4 +40,8 @@ export class AssetsComponent implements OnInit {
   private filterRealtiesByType(realties: Realty[], type: REALTY_TYPE) {
     return realties.filter((realty) => realty.deedType === type);
   }
+
+  refreshRealties() {
+    this.fetchRealties()
+  }
 }
diff --git a/...ont/dojo-front/src/app/invest/components/realties-section/realties-section.component.html b/...ont/dojo-front/src/app/invest/components/realties-section/realties-section.component.html
@@ -11,7 +11,7 @@
   </p>
   <div class="property-cards">
     <div *ngFor="let realty of pagedRealties" class="property-cards__card">
-      <app-realty-card [realty]="realty"></app-realty-card>
+      <app-realty-card [realty]="realty" (realtyUpdated)="refreshRealties()"></app-realty-card>
     </div>
   </div>
   <mat-paginator

diff --git a/...front/dojo-front/src/app/invest/components/realties-section/realties-section.component.ts b/...front/dojo-front/src/app/invest/components/realties-section/realties-section.component.ts
@@ -1,4 +1,4 @@
-import {Component, Input} from '@angular/core';
+import {Component, EventEmitter, Input, Output} from '@angular/core';
 import {LegacyPageEvent as PageEvent} from '@angular/material/legacy-paginator';
 import {Realty} from 'src/shared/interface/realty';
 
@@ -9,6 +9,7 @@ import {Realty} from 'src/shared/interface/realty';
 })
 export class RealtiesSectionComponent {
   @Input() realties!: Realty[];
+  @Output() realtiesUpdated = new EventEmitter<boolean>()
 
   pageSize!: number;
   currentPageIndex!: number;
@@ -24,4 +25,8 @@ export class RealtiesSectionComponent {
     this.currentPageIndex = event.pageIndex;
     this.pagedRealties = this.realties.slice(0, this.pageSize);
   }
+
+  refreshRealties() {
+    this.realtiesUpdated.emit(true)
+  }
 }
diff --git a/dojo-front/dojo-front/src/app/invest/invest.component.html b/dojo-front/dojo-front/src/app/invest/invest.component.html
@@ -6,7 +6,7 @@
           <mat-form-field>
             <mat-label>Type de biens :</mat-label>
             <mat-select formControlName="type">
-              <mat-option value="" selected disabled
+              <mat-option
                 >Veuillez choisir un type de bien</mat-option
               >
               <mat-option [value]="REALTY_TYPE.APARTMENT"
@@ -24,5 +24,6 @@
   <app-realties-section
     *ngIf="availableRealties$ | async as availableRealties"
     [realties]="availableRealties"
+    (realtiesUpdated)="refreshRealties()"
   ></app-realties-section>
 </div>
diff --git a/dojo-front/dojo-front/src/app/invest/invest.component.ts b/dojo-front/dojo-front/src/app/invest/invest.component.ts
@@ -39,4 +39,8 @@ export class InvestComponent implements OnInit {
   get type() {
     return this.filtersForm.get('type');
   }
+
+  refreshRealties() {
+    this.availableRealties$ = this.realtiesService.fetchRealties();
+  }
 }
diff --git a/dojo-front/dojo-front/src/shared/component/realty-card/realty-card.component.ts b/dojo-front/dojo-front/src/shared/component/realty-card/realty-card.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import {Component, EventEmitter, Input, Output} from '@angular/core';
 import { Router } from '@angular/router';
 import { AssetsService } from 'src/shared/services/assets.service';
 import { RealtiesService } from 'src/shared/services/realties.service';
@@ -13,6 +13,9 @@ export class RealtyCardComponent {
   @Input()
   realty!: Realty;
 
+  @Output()
+  realtyUpdated = new EventEmitter<boolean>()
+
   constructor(
     public router: Router,
     private realtiesService: RealtiesService,
@@ -21,17 +24,13 @@ export class RealtyCardComponent {
 
   buyProperty() {
     this.realtiesService.buyRealty(this.realty.id).subscribe((_) => {
-      this.refreshPage();
+      this.realtyUpdated.emit(true)
     });
   }
 
   sellProperty() {
     this.assetsService.sellRealty(this.realty.id).subscribe((_) => {
-      this.refreshPage();
+      this.realtyUpdated.emit(true)
     });
   }
-
-  private refreshPage() {
-    window.location.reload();
-  }
 }