<div class="popular-requests">
    <h3 class="popular-requests__title">
        {{ 'BOARD.POPULAR-CHAPTERS' | translate }}
    </h3>
    <popular-request
        *ngIf="requests[0]"
        [request]="requests[0]"
        (onClick)="handleRequestClick($event)"
        class="popular-requests__item"
    ></popular-request>
    <popular-request
        *ngIf="requests[1]"
        [request]="requests[1]"
        (onClick)="handleRequestClick($event)"
        class="popular-requests__item"
    ></popular-request>
    <popular-request
        *ngIf="requests[2]"
        [request]="requests[2]"
        (onClick)="handleRequestClick($event)"
        class="popular-requests__item"
    ></popular-request>
    <popular-request
        *ngIf="requests[3]"
        [request]="requests[3]"
        (onClick)="handleRequestClick($event)"
        class="popular-requests__item"
    ></popular-request>
</div>
