Onboarding

listify-client/src/app/lists/list-detail/list-detail.component.ts

@@ -12,6 +12,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
 import { getAuthErrorMessage } from '../../auth/error-message';
+import { OnboardingService } from '../../onboarding/onboarding.service';
 import { UserList, UserListItem } from '../lists.models';
 import { ListsService } from '../lists.service';
 
@@ -39,6 +40,7 @@ export class ListDetailComponent implements OnInit {
   private readonly route = inject(ActivatedRoute);
   private readonly router = inject(Router);
   private readonly snackBar = inject(MatSnackBar);
+  private readonly onboarding = inject(OnboardingService);
 
   protected readonly list = signal<UserList | null>(null);
   protected readonly isCreateMode = signal(false);
@@ -68,6 +70,12 @@ export class ListDetailComponent implements OnInit {
       return;
     }
 
+    const listId = this.listId();
+
+    if (listId) {
+      this.onboarding.listOpened(listId);
+    }
+
     this.loadList();
   }