ghostfolio/apps/client/src/app/components/home-watchlist/home-watchlist.html

<div class="container">
  <h1 class="d-none d-sm-block h3 mb-4">
    <span class="align-items-center d-flex justify-content-center">
      <span i18n>Watchlist</span>
      @if (user?.subscription?.type === 'Basic') {
        <gf-premium-indicator class="ml-1" />
      }
    </span>
  </h1>
  <div class="row">
    <div class="col-xs-12 col-md-10 offset-md-1">
      <gf-benchmark
        [benchmarks]="watchlist"
        [deviceType]="deviceType()"
        [hasPermissionToDeleteItem]="hasPermissionToDeleteWatchlistItem"
        [locale]="user?.settings?.locale || undefined"
        [showIcon]="true"
        [user]="user"
        (itemDeleted)="onWatchlistItemDeleted($event)"
      />
    </div>
  </div>
</div>
@if (!hasImpersonationId && hasPermissionToCreateWatchlistItem) {
  <gf-fab [queryParams]="{ createWatchlistItemDialog: true }" />
}