fix review list

hit25082000 · Nov 1, 2024 · dcca586 · dcca586
1 parent 0360a5a
commit dcca586
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/src/app/auth/services/auth.service.ts b/src/app/auth/services/auth.service.ts
@@ -1,5 +1,5 @@
-import { inject, Injectable } from '@angular/core';
-import { Auth, signInWithEmailAndPassword, createUserWithEmailAndPassword, signOut, user } from '@angular/fire/auth';
+import { inject, Injectable, signal } from '@angular/core';
+import { Auth, signInWithEmailAndPassword, createUserWithEmailAndPassword, signOut, user, User } from '@angular/fire/auth';
 import { BehaviorSubject, Observable, map } from 'rxjs';
 
 @Injectable({
@@ -11,10 +11,15 @@ export class AuthService {
   isAdmin$ = this.isAdminSubject.asObservable();
   user$ = user(this.auth);
   isLoggedIn$: Observable<boolean>;
+  currentUser = signal<User | undefined>(undefined)
 
   constructor() {
     this.isLoggedIn$ = this.user$.pipe(map(user => !!user));
     this.user$.subscribe(user => this.checkAdminStatus(user?.email));
+
+    this.user$.subscribe((user)=>{
+      this.currentUser.set(user ?? undefined)
+    })
   }
 
   async login(email: string, password: string): Promise<void> {

diff --git a/src/app/shared/components/review-list/review-list.component.ts b/src/app/shared/components/review-list/review-list.component.ts
@@ -22,11 +22,11 @@ import { TimestampToDatePipe } from '../../pipes/timestamp-to-date.pipe';
       <div class="reviews-list">
         <div class="review-item" *ngFor="let review of reviews$ | async">
           <div class="review-header">
-            <span class="user-name">{{ review.userName }}</span>
-            <span class="stars">
+            <div class="user-name">{{ review.userName }}</div>
+            <div class="stars">
               <span *ngFor="let star of [1,2,3,4,5]"
                     [class.active]="star <= review.rating">⭐</span>
-            </span>
+            </div>
             <span class="review-date">{{ review.createdAt | timestampToDate | date:'dd/MM/yyyy' }}</span>
           </div>
           <p class="comment">{{ review.comment }}</p>
@@ -66,9 +66,9 @@ import { TimestampToDatePipe } from '../../pipes/timestamp-to-date.pipe';
     }
     .review-header {
       display: flex;
-      align-items: center;
       gap: 15px;
       margin-bottom: 10px;
+      flex-direction: column;
     }
     .user-name {
       font-weight: bold;

diff --git a/src/app/shared/components/review-modal/review-modal.component.ts b/src/app/shared/components/review-modal/review-modal.component.ts
@@ -204,7 +204,7 @@ export class ReviewModalComponent {
 
       const review = {
         userId: user.uid,
-        userName: user.displayName || 'Anônimo',
+        userName: user.email || 'Anônimo',
         gameId: this.modalGameId(),
         rating: this.reviewForm().value.rating,
         comment: this.reviewForm().value.comment,