chore: upgrade RxJS to v7 and migrate deprecated APIs

package.json

@@ -21,7 +21,7 @@
     "@angular/router": "~20.3.25",
     "@angular/service-worker": "~20.3.25",
     "node-fetch": "^2.6.0",
-    "rxjs": "~6.5.4",
+    "rxjs": "^7.8.0",
     "tslib": "^2.6.0",
     "unfetch": "^4.1.0",
     "zone.js": "~0.15.0"

src/app/feeds/feed/feed.component.ts

@@ -1,5 +1,4 @@
 import { Component, OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
 import { Subscription } from 'rxjs';
 import { ActivatedRoute } from '@angular/router';
 
@@ -37,14 +36,14 @@ export class FeedComponent implements OnInit {
     this.pageSub = this.route.params.subscribe(params => {
       this.pageNum = params['page'] ? +params['page'] : 1;
       this._hackerNewsAPIService.fetchFeed(this.feedType, this.pageNum)
-        .subscribe(
-          items => this.items = items,
-          error => this.errorMessage = 'Could not load ' + this.feedType + ' stories.',
-          () => {
+        .subscribe({
+          next: items => this.items = items,
+          error: () => this.errorMessage = 'Could not load ' + this.feedType + ' stories.',
+          complete: () => {
             this.listStart = ((this.pageNum - 1) * 30) + 1;
             window.scrollTo(0, 0);
           }
-        );
+        });
     });
   }
 }

src/app/item-details/item-details.component.ts

@@ -33,9 +33,10 @@ export class ItemDetailsComponent implements OnInit {
   ngOnInit() {
     this.sub = this.route.params.subscribe(params => {
       let itemID = +params['id'];
-      this._hackerNewsAPIService.fetchItemContent(itemID).subscribe(item => {
-        this.item = item;
-      }, error => this.errorMessage = 'Could not load item comments.');
+      this._hackerNewsAPIService.fetchItemContent(itemID).subscribe({
+        next: item => { this.item = item; },
+        error: () => { this.errorMessage = 'Could not load item comments.'; }
+      });
     });
     window.scrollTo(0, 0);
   }

src/app/shared/services/hackernews-api.service.ts

@@ -26,9 +26,12 @@ export class HackerNewsAPIService {
         let numberOfPollOptions = story.poll.length;
         story.poll_votes_count = 0;
         for (let i = 1; i <= numberOfPollOptions; i++) {
-          this.fetchPollContent(story.id + i).subscribe(pollResults => {
-            story.poll[i - 1] = pollResults;
-            story.poll_votes_count += pollResults.points;
+          this.fetchPollContent(story.id + i).subscribe({
+            next: pollResults => {
+              story.poll[i - 1] = pollResults;
+              story.poll_votes_count += pollResults.points;
+            },
+            error: () => { /* poll option fetch failed; leave partial data */ }
           });
         }
       }

src/app/user/user.component.ts

@@ -26,9 +26,10 @@ export class UserComponent implements OnInit {
   ngOnInit() {
     this.sub = this.route.params.subscribe(params => {
       let userID = params['id'];
-      this._hackerNewsAPIService.fetchUser(userID).subscribe(data => {
-        this.user = data;
-      }, error => this.errorMessage = 'Could not load user ' + userID + '.');
+      this._hackerNewsAPIService.fetchUser(userID).subscribe({
+        next: data => { this.user = data; },
+        error: () => { this.errorMessage = 'Could not load user ' + userID + '.'; }
+      });
     });
   }