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="ms-1" />
      }
    </span>
  </h1>
  <div class="row">
    <div class="col-md-10 offset-md-1">
      <gf-benchmark
        [benchmarks]="watchlist"
        [deviceType]="deviceType()"
        [hasPermissionToDeleteItem]="hasPermissionToDeleteWatchlistItem"
        [locale]="user?.settings?.locale ?? DEFAULT_LOCALE"
        [showIcon]="true"
        [user]="user"
        (itemDeleted)="onWatchlistItemDeleted($event)"
      />
    </div>
  </div>
</div>
@if (hasPermissionToCreateWatchlistItem) {
  <gf-fab
    [routerLink]="
      internalRoutes.home.subRoutes.watchlist.subRoutes.create.routerLink
    "
  />
}

<router-outlet />