<tr class="desktop-view" [ngClass]="{ 'selected-file': selected, 'focused-file': focus }">
  <td class="file-image" *ngIf="!file.thumbnail"><span class="mdi mdi-{{ file.icon }} file-{{ file.icon }}"></span></td>
  <td class="file-image" *ngIf="file.thumbnail">
    <app-blob-viewer [blob]="file.thumbnail" type="image"></app-blob-viewer>
  </td>
  <td class="file-name mat-small">
    <span>{{ file.name }}</span>
  </td>
  <td class="file-ext mat-small">{{ file.ext }}</td>
  <td class="file-size mat-small">{{ file.size | formatBytes }}</td>
  <td class="file-date mat-small">{{ file.createdAt | date: 'short' }}</td>
</tr>
