diff --git a/src/forge/Main/Detail.js b/src/forge/Main/Detail.js
index 6d0a09fe..a73ee8f0 100644
--- a/src/forge/Main/Detail.js
+++ b/src/forge/Main/Detail.js
@@ -214,6 +214,10 @@ class Detail extends Component {
     }
   }
 
+  componentWillUnmount() {
+    this.timerChannel && clearTimeout(this.timerChannel);
+  }
+
   getProject = (num) => {
     const { projectsId, owner } = this.props.match.params;
     const url = `/${owner}/${projectsId}/simple.json`;
@@ -276,7 +280,9 @@ class Detail extends Component {
       connected: () => {
         console.log("###### channel connected! ######");
       },
-      disconnected: () => { },
+      disconnected: () => {
+        console.log("###### cannot connected! ######");
+       },
       received: data => {
         console.log(`###### ---received data--- ######`);
         console.log(data);
@@ -297,10 +303,22 @@ class Detail extends Component {
           });
           cable.subscriptions.consumer.disconnect();
         }
+      },
+      onerror:()=>{
+        console.log("###### cannot connected! ######");
       }
-    })
+    });
+
+    this.timerChannel = setTimeout(this.reloadDetail,5000);
   }
 
+  reloadDetail=()=>{
+    if(this.state.firstSync||this.state.secondSync){
+      window.location.reload();
+    }
+  }
+  
+
   deleteProjectBack = () => {
     const { history } = this.props;
     const { projectsId, owner } = this.props.match.params;