From 5795d3b4bfcb574371d32577dd80c992b9648f62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Balet?= <raphael.balet@outlook.com>
Date: Wed, 24 Jul 2024 10:48:57 +0200
Subject: [PATCH] Update README.md

Closes
---
 README.md | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index ae1184e..f17c4c7 100644
--- a/README.md
+++ b/README.md
@@ -164,53 +164,54 @@ export class AppComponent implements OnInit, OnDestroy {
 
   ngOnInit() {
     // subscribe to cookieconsent observables to react to main events
-    this.popupOpenSubscription = this.ccService.popupOpen$.subscribe(
+    this.popupOpenSubscription = this.ccService.popupOpen$.pipe(take(1)).subscribe(
       () => {
         // you can use this.ccService.getConfig() to do stuff...
       });
 
-    this.popupCloseSubscription = this.ccService.popupClose$.subscribe(
+    this.popupCloseSubscription = this.ccService.popupClose$.pipe(take(1)).subscribe(
       () => {
         // you can use this.ccService.getConfig() to do stuff...
       });
 
-    this.initializingSubscription = this.ccService.initializing$.subscribe(
+    this.initializingSubscription = this.ccService.initializing$.pipe(take(1)).subscribe(
       (event: NgcInitializingEvent) => {
         // the cookieconsent is initilializing... Not yet safe to call methods like `NgcCookieConsentService.hasAnswered()`
         console.log(`initializing: ${JSON.stringify(event)}`);
       });
     
-    this.initializedSubscription = this.ccService.initialized$.subscribe(
+    this.initializedSubscription = this.ccService.initialized$.pipe(take(1)).subscribe(
       () => {
         // the cookieconsent has been successfully initialized.
         // It's now safe to use methods on NgcCookieConsentService that require it, like `hasAnswered()` for eg...
         console.log(`initialized: ${JSON.stringify(event)}`);
       });
 
-    this.initializationErrorSubscription = this.ccService.initializationError$.subscribe(
+    this.initializationErrorSubscription = this.ccService.initializationError$.pipe(take(1)).subscribe(
       (event: NgcInitializationErrorEvent) => {
         // the cookieconsent has failed to initialize... 
         console.log(`initializationError: ${JSON.stringify(event.error?.message)}`);
       });
 
-    this.statusChangeSubscription = this.ccService.statusChange$.subscribe(
+    this.statusChangeSubscription = this.ccService.statusChange$.pipe(take(1)).subscribe(
       (event: NgcStatusChangeEvent) => {
         // you can use this.ccService.getConfig() to do stuff...
       });
 
-    this.revokeChoiceSubscription = this.ccService.revokeChoice$.subscribe(
+    this.revokeChoiceSubscription = this.ccService.revokeChoice$.pipe(take(1)).subscribe(
       () => {
         // you can use this.ccService.getConfig() to do stuff...
       });
 
-      this.noCookieLawSubscription = this.ccService.noCookieLaw$.subscribe(
+      this.noCookieLawSubscription = this.ccService.noCookieLaw$.pipe(take(1)).subscribe(
       (event: NgcNoCookieLawEvent) => {
         // you can use this.ccService.getConfig() to do stuff...
       });
   }
 
   ngOnDestroy() {
-    // unsubscribe to cookieconsent observables to prevent memory leaks
+    // Although `take(1)` would already prevent memory leaks
+    // unsubscribe to cookieconsent observables if you're using it in another component (Like different cookies base on different page)
     this.popupOpenSubscription.unsubscribe();
     this.popupCloseSubscription.unsubscribe();
     this.initializingSubscription.unsubscribe();