comment.service.ts

import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError, map, tap } from 'rxjs/operators';

interface User {
  username: string;
  profileImage: string;
}

interface Comment {
  id: number;
  user: User;
  text: string;
  projectId: number;
}

interface CommentApiResponse {
  content: Comment[];
  pageNumber: number;
  pageSize: number;
  totalElements: number;
  totalPages: number;
  first: boolean;
  last: boolean;
}

@Injectable({
  providedIn: 'root'
})
export class CommentService {
  constructor(private http: HttpClient) {}

  getComments(projectId: number, page: number, pageSize: number = 10): Observable<Comment[]> {
    return this.http.get<CommentApiResponse>(`/api/comments/projects/${projectId}/?page=${page}`).pipe(
      map(response => response.content)
      , // Mapear solo la parte del contenido
      catchError(this.handleError) // Manejar errores potenciales
    );
  }

  private handleError(error: HttpErrorResponse) {
    console.error('An error occurred:', error);
    return throwError(() => new Error('Something bad happened; please try again later.'));
  }


  deleteComment(commentId: number): Observable<any> {
    return this.http.delete(`/api/comments/${commentId}/`).pipe(
      catchError(this.handleError)
    );
  }
  
  addComment(id : number, commentText: string) {
    const url = `/api/comments/${id}/`;
    const body =  commentText ;

    // Enviar la solicitud POST al servidor
    return this.http.post(url, body);  }
}