keep videos infos in localStorage after clear it

packages/strapi-admin/admin/src/containers/Onboarding/index.js

@@ -40,7 +40,6 @@ export class Onboarding extends React.Component {
 
   componentWillUnmount() {
     this.props.removeVideos();
-    localStorage.removeItem('videos');
   }
 
   setVideoEnd = () => {
@@ -84,6 +83,7 @@ export class Onboarding extends React.Component {
   };
 
   updateLocalStorage = (index, current, duration) => {
+
     // Update store
     this.props.updateVideoStartTime(index, current);
 
@@ -91,10 +91,11 @@ export class Onboarding extends React.Component {
     let videosTime = JSON.parse(localStorage.getItem('videos'));
     videosTime[index].startTime = current;
     let percent = current * 100 / duration;
+    const video = videosTime.find((element) => element.order === index);
 
     if (percent >= 80) {
-      if (videosTime[index].end === false) {
+      if (video.end === false) {
-        videosTime[index].end = true;
+        video.end = true;
         this.props.setVideoEnd(index, true);
       }
     }
@@ -107,7 +108,7 @@ export class Onboarding extends React.Component {
   // eslint-disable-line jsx-handler-names
   render() {
     const { videos, onClick, setVideoDuration } = this.props;
-
+    console.log(videos);
     return (
       <div className={cn(styles.videosWrapper, videos.length > 0 ? styles.visible : styles.hidden)}>
         <div className={cn(styles.videosContent, this.state.showVideos ? styles.shown : styles.hide)}>

packages/strapi-admin/admin/src/containers/Onboarding/saga.js

@@ -11,19 +11,19 @@ function* getVideos() {
       headers: {
         'Content-Type': 'application/json',
       },
-      mode: 'no-cors',
     },
     false,
     true,
     { noAuth: true },
     );
-
+    
     let currTimes = Array.apply(null, Array(videos.length)).map((e, i) => {
       return {
         startTime: 0,
         end: false,
         key: i,
         id: videos[i].id,
+        order: videos[i].order,
       };
     });
     
@@ -36,6 +36,7 @@ function* getVideos() {
 
     yield put(
       getVideosSucceeded(
+
         videos.map((video, index) => {
           video.isOpen = false;
           video.duration = null;

packages/strapi-helper-plugin/lib/src/utils/auth.js

@@ -21,7 +21,14 @@ const auth = {
 
   clearAppStorage() {
     if (localStorage) {
+      
+      const videos = auth.get('videos');
+      const onboarding = auth.get('onboarding');
       localStorage.clear();
+      if (videos !== null) {
+        localStorage.setItem('videos', JSON.stringify(videos));
+      }
+      localStorage.setItem('onboarding', onboarding);
     }
 
     if (sessionStorage) {