feat(public-cloud): store walkme value in local storage

Author: marie-j

packages/manager/apps/public-cloud/src/components/walkMe/walkme.service.js

@@ -75,7 +75,9 @@ export default class WalkMe {
     return tour;
   }
 
+  // eslint-disable-next-line class-methods-use-this
   end() {
-    return this.ovhUserPref.assign(KEY, true);
+    // return this.ovhUserPref.assign(KEY, true);
+    return localStorage.setItem(KEY, false);
   }
 }

packages/manager/apps/public-cloud/src/index.controller.js

@@ -7,33 +7,40 @@ import options from './navbar.config';
 
 export default class PublicCloudController {
   /* @ngInject */
-  constructor($scope, $window, ovhUserPref, WalkMe) {
+  constructor($scope, $timeout, $window, ovhUserPref, WalkMe) {
     this.$scope = $scope;
-    this.$window = $window;
     this.feedbackUrl = __FEEDBACK_URL__;
     this.feedback = feedback;
     this.ovhUserPref = ovhUserPref;
     this.WalkMe = WalkMe;
 
-
     this.navbarOptions = options;
 
-    $scope.$on('navbar.loaded', () => this.ovhUserPref.getValue(KEY)
-      .then(({ value }) => {
-        this.shouldShowWalkMe = value;
-      })
-      .catch(({ status }) => {
-        if (status === 404) {
-          this.shouldShowWalkMe = true;
-        }
-      })
-      .finally(() => {
-        // TODO : Remove matchMedia for mobile version
-        if (this.shouldShowWalkMe && $window.matchMedia(`(min-width: ${BREAKPOINT}px)`).matches) {
-          this.tour = this.WalkMe.start();
-          angular.element('oui-navbar').on('click', () => this.endWalkMe());
-        }
-      }));
+    $scope.$on('navbar.loaded', () => $timeout(() => {
+      this.shouldShowWalkMe = (localStorage.getItem(KEY) || true) && $window.matchMedia(`(min-width: ${BREAKPOINT}px)`).matches;
+      if (this.shouldShowWalkMe) {
+        this.tour = this.WalkMe.start();
+        angular.element('oui-navbar').on('click', () => this.endWalkMe());
+      }
+    }));
+
+    // this.ovhUserPref.getValue(KEY)
+    //   .then(({ value }) => {
+    //     this.shouldShowWalkMe = value;
+    //   })
+    //   .catch(({ status }) => {
+    //     if (status === 404) {
+    //       this.shouldShowWalkMe = true;
+    //     }
+    //   })
+    //   .finally(() => {
+    //     // TODO : Remove matchMedia for mobile version
+    //     if (this.shouldShowWalkMe
+    //  && $window.matchMedia(`(min-width: ${BREAKPOINT}px)`).matches) {
+    //       this.tour = this.WalkMe.start();
+    //       angular.element('oui-navbar').on('click', () => this.endWalkMe());
+    //     }
+    //   }));
   }
 
   endWalkMe() {