Chocobozzz/PeerTube

<div class="user-quota mb-3">
  <div>
    <div class="mb-2 fw-bold" i18n>Total video quota</div>

    <my-progress-bar
      [label]="labelQuota()" [max]="user?.videoQuota || 0" [value]="userVideoQuotaUsed"
      [valueFormatted]="userVideoQuotaUsed | bytes: 1" [maxFormatted]="userVideoQuota"
      height="2rem"
    >
    </my-progress-bar>
  </div>

  <div *ngIf="hasDailyQuota()" class="mt-3">
    <div class="mb-2 fw-bold" i18n>Daily video quota</div>

    <my-progress-bar
      [label]="labelQuotaDaily()" [max]="user?.videoQuotaDaily || 0" [value]="userVideoQuotaUsedDaily"
      [valueFormatted]="userVideoQuotaUsedDaily | bytes: 1" [maxFormatted]="userVideoQuotaDaily"
      height="2rem"
    >
    </my-progress-bar>
</div>