feat(users): added temporary routes to profile buttons

eduardaveras · Sep 5, 2023 · 1f7d887 · 1f7d887
1 parent 899b339
commit 1f7d887
Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/frontend/src/app/profile/components/test/test-components.component.html b/frontend/src/app/profile/components/test/test-components.component.html
@@ -21,11 +21,11 @@ <h1 class="username">Nome do Usuário</h1>
       </div>
 
     <div class="profile-right">
-      <app-edit-btn class="editbtn"></app-edit-btn>
-      <app-button (click)="createItem" label="Seguidores" type="btn medium colorpurple"></app-button> 
-      <app-button (click)="createItem" label="Amigos" type="btn medium colorpurple"></app-button> 
-      <app-button (click)="createItem" label="Lista de jogos" type="btn medium colorpurple"></app-button> 
-      <app-button (click)="createItem" label="Histórico" type="btn medium colorpurple"></app-button> 
+      <app-edit-btn class="editbtn"></app-edit-btn> <!--Click ele tem que trazer um componente de edição-->
+      <app-button (click)="goToRoute('/followers')" label="Seguidores" type="btn medium colorpurple"></app-button> 
+      <app-button (click)="goToRoute('/friends')" label="Amigos" type="btn medium colorpurple"></app-button> 
+      <app-button (click)="goToRoute('/gamesList')" label="Lista de jogos" type="btn medium colorpurple"></app-button> 
+      <app-button (click)="goToRoute('/historico')" label="Histórico" type="btn medium colorpurple"></app-button> 
     </div>
 
       <!-- Outras informações, como jogos favoritos, conquistas, etc. -->

diff --git a/frontend/src/app/profile/components/test/test-components.component.ts b/frontend/src/app/profile/components/test/test-components.component.ts
@@ -1,12 +1,17 @@
 import { Component } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-test-components',
   templateUrl: './test-components.component.html',
   styleUrls: ['./test-components.component.scss']
 })
 export class TestComponentsComponent {
-  public createItem(): void {
-
+  constructor(
+    private readonly router: Router
+  ) {}
+
+  public goToRoute(route: string) {
+    this.router.navigate([route]);
   }
 }