diff --git a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/Changes.vue b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/Changes.vue
index 98227e0..7348d49 100644
--- a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/Changes.vue
+++ b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/Changes.vue
@@ -35,7 +35,7 @@
         <EditorHeader class="editor-header" v-if="changedFiles.data.length > 0 && repoOwnerType() == 'User'">
             Submit your review
         </EditorHeader>
-        <ReviewSubmitter v-if="changedFiles.data.length > 0 && repoOwnerType() == 'User'"></ReviewSubmitter>
+        <ReviewSubmitter v-if="changedFiles.data.length > 0 && repoOwnerType() == 'User'" @review-submitted.native.stop="reviewSubmittedHook"></ReviewSubmitter>
 
         <!-- <Editor v-if="changedFiles.data.length > 0" 
                 class="m-3"
@@ -381,7 +381,17 @@
             pendingReviewCommentDeletedEventHandler(){
                 this.network_getPendingReview()
             },
-            
+            reviewSubmittedHook(payload) {
+                this.dirty = true
+                this.$router.push(`/${this.owner}/${this.repo}/pull/${this.number}?new_created_timeline_item=${payload.detail.id}`)
+            }
+        },
+        async activated() {
+            if(this.dirty) {
+                this.pendingReview.reviewComments = []
+                await this.network_getPendingReview()
+                this.dirty = false
+            }  
         },
       
         components: {
diff --git a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewComment.vue b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewComment.vue
index 784e5ea..f0062bc 100644
--- a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewComment.vue
+++ b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewComment.vue
@@ -1,5 +1,5 @@
 <template> 
-    <Container v-if="!deleted" class="p-3">
+    <Container v-if="!deleted" class="p-3 position-relative">
         <div class="bubble m-0 bg-white">
             <HideAndShowPane v-if="extraData.isMinimized" class="p-3 d-flex flex-justify-between p-3 text-gray text-small border-bottom">
                 <span class="text-italic">
@@ -183,10 +183,8 @@
                             }
                         }
                     )
-                    console.log(this.extraData.state)
                     if(this.extraData.state == 'PENDING') {
                         await this.pendingReviewGetter()()
-                        console.log('pendingReviewGetter finish!!')
                     }else{
                         await this.reviewCommentDeletedHook()()
                     }
diff --git a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewCommentReplyCreator.vue b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewCommentReplyCreator.vue
index 79eff81..3dfebbb 100644
--- a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewCommentReplyCreator.vue
+++ b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewCommentReplyCreator.vue
@@ -15,7 +15,7 @@
     import * as api from '@/network/api'
     import * as graphql  from '../../graphql.js'
     export default {
-        inject: ['pendingReview','pendingReviewGetter','reviewCommentCreatedHook'],
+        inject: ['pendingReview','pendingReviewGetter','reviewCommentCreatedHook','pullRequestProvided'],
         props: {
             comment: Object,
             path: String,
@@ -164,9 +164,6 @@
                         ]
                     }
                 )
-
-                return res.data
-                   
             }
         },
         components: {
diff --git a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewSubmitter.vue b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewSubmitter.vue
index e286f06..e37481d 100644
--- a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewSubmitter.vue
+++ b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/ReviewSubmitter.vue
@@ -122,7 +122,9 @@
                         }
                     )
 
-                   this.$router.push(`/${this.owner}/${this.repo}/pull/${this.number}?new_created_timeline_item=${res.data.id}`)
+                    let event = new CustomEvent('review-submitted',{bubbles:true,detail:res.data})
+
+                    
                     
                 } catch (e) {
                     this.handleError(e)
diff --git a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/SingleCommentCreator.vue b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/SingleCommentCreator.vue
index afab557..7416ef6 100644
--- a/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/SingleCommentCreator.vue
+++ b/src/pages/Repository/PullRequests/PullRequestDetail/Changes/components/SingleCommentCreator.vue
@@ -37,8 +37,8 @@
             async network_createCommentReview() {
                 try {
                     this.loadingAddComment = true
-                    let reviewCreated = await this.network_createReview('COMMENT')
 
+                    await this.network_createReview('COMMENT')
                     await this.commentReviewCreatedHook()()
                     
                     this.content = ''
diff --git a/src/pages/Repository/PullRequests/PullRequestDetail/Conversation/Conversation.vue b/src/pages/Repository/PullRequests/PullRequestDetail/Conversation/Conversation.vue
index b93ef37..d02ae1b 100644
--- a/src/pages/Repository/PullRequests/PullRequestDetail/Conversation/Conversation.vue
+++ b/src/pages/Repository/PullRequests/PullRequestDetail/Conversation/Conversation.vue
@@ -1,5 +1,7 @@
 <template>
-    <Container class="flex-grow-1">
+    <CommonLoadingWrapper :loading="pullRequestProvided().loading || timeline.loading || timeline.extraData.loading || reviewCommentReplies.loading" 
+    :position="pullRequestProvided().loading ? 'center' : 'corner'"
+    class="flex-grow-1">
             <Header  class="px-3 pt-3">
                <!--  <HeaderActions class="d-flex flex-justify-between flex-items-center">
                    <State class="State mr-2 d-inline-flex flex-items-center" 
@@ -85,15 +87,14 @@
                 </div> 
             </transition-group>
 
-            <HiddenItemLoading v-if="(timeline.pageInfo.next && timeline.pageInfo.next.page != timeline.pageInfo.last.page) || timeline.loading"
+            <HiddenItemLoading v-if="(timeline.pageInfo.next || timeline.loading) && !timeline.data.includes(timeline.newestTimeline[0])"
                                 class="border-top"
                                 :loading="timeline.loading"
                                 :dataGetter="loadingMore">
-                <span v-if="timelineRemainedCount > 0">{{timelineRemainedCount}} {{timelineRemainedCount > 1 ? 'items' : 'item'}} remained.</span>    
             </HiddenItemLoading>
 
              <transition-group tag="div" appear name="fade-group">
-                <div v-for="(item,index) in timeline.newestTimeline.data" :key="(item.id || '') + index">
+                <div v-for="(item,index) in timeline.newestTimeline.filter(i => !timeline.newestTimeline.includes(i))" :key="(item.id || '') + index">
                     <TimelineItem :data="item" class="border-top" style="background:#fafbfc"/>
                 </div> 
             </transition-group>
@@ -148,12 +149,6 @@
 
         </div>
 
-        <transition name="fade" appear>
-            <CommonLoading v-if="!pullRequestProvided().data.node_id || timeline.loading || timeline.extraData.loading || reviewCommentReplies.loading"
-                            :preventClickEvent="false"
-                            :position="loading ? 'center' : 'corner'"/>
-        </transition>  
-
         <transition name="fade" appear>
             <StickyTop v-if="scrollTop > 300" class="sticky-top px-3 py-2">
                 <StickyTopContent class="d-flex flex-items-center flex-justify-between">
@@ -182,12 +177,12 @@
             </StickyTop>
         </transition>     
         
-    </Container>
+    </CommonLoadingWrapper>
 </template>
 
 <script>
     import styled from 'vue-styled-components'
-    import {CommonLoading,Label,AnimatedHeightWrapper,ImgWrapper,LoadingIconEx,Progress,IssueIcon,Subscription,SkeletonCircle,SkeletonRectangle} from '@/components'
+    import {CommonLoadingWrapper,Label,AnimatedHeightWrapper,ImgWrapper,LoadingIconEx,Progress,IssueIcon,Subscription,SkeletonCircle,SkeletonRectangle} from '@/components'
     import {ScrollTopListenerMixin,RouteUpdateAwareMixin} from '@/mixins'
     import {TimelineItem,Comment,HiddenItemLoading,PullRequestCommentCreator,ProjectCard,PullRequestBody} from './components'
     import {IssueNotificationSettingPane,LockIssueButton} from '../../../components'
@@ -235,10 +230,7 @@
                         data: 0,
                         loading: false
                     },
-                    newestTimeline: {
-                        data: [],
-                        loading: false
-                    }
+                    newestTimeline: []
                 },
                 timelineTypes: [
                     {
@@ -338,7 +330,6 @@
                         rest:'review_requested',
                     }
                 ],
-                commentsJustCreated: []
             }
         },
        
@@ -469,10 +460,12 @@
 
                     if(res_timeline.data.length > 0) this.network_getTimelineExtraData(res_timeline.data)
 
-                    if(this.timeline.pageInfo.next && this.timeline.pageInfo.next.page == 2) {
+                    /* if(this.timeline.pageInfo.next && this.timeline.pageInfo.next.page == 2) {
                         await this.network_getNewestTimeline()
                     }
 
+                     */
+
                     if(this.newCreatedTimelineItem) this.scrollToNewestTimelineItem()
 
                 }catch(e){
@@ -482,7 +475,7 @@
                     this.timeline.extraData.loading = false
                 }
             },
-            async network_getNewestTimeline() {
+            /* async network_getNewestTimeline() {
                  try{
                     this.timeline.newestTimeline.loading = true
                     let url_timeline = api.API_ISSUE_TIMELINE({
@@ -515,6 +508,42 @@
                 }finally{
                     this.timeline.newestTimeline.loading = false
                 }
+            }, */
+            async network_getNewestTimeline() {
+                let url_pageInfo = api.API_ISSUE_TIMELINE({
+                    repo: this.repo,
+                    owner: this.owner,
+                    number: this.number,
+                    params: {
+                        per_page: 1
+                    }
+                })
+
+                let res_pageInfo = await authRequiredGet(
+                    url_pageInfo,
+                    {
+                        headers: {
+                            "accept": "application/vnd.github.mockingbird-preview"
+                        }
+                    }
+                )
+
+                let pageInfo = parse(res_pageInfo.headers.link) || {}
+
+                if(!pageInfo.last) return
+
+                let url = pageInfo.last.url
+
+                let res = await authRequiredGet(
+                    url,
+                    {
+                        headers: {
+                            "accept": "application/vnd.github.mockingbird-preview"
+                        }
+                    }
+                )
+
+                return res.data[0]
             },
             async network_getTimelineExtraData(timeline) {
                 let ids = timeline && timeline.map(i => i.node_id).filter(i => i)
@@ -761,23 +790,27 @@
                         theEl && theEl.scrollIntoView({block:'center'})
                     },0)
                 }
-            }
+            },
         },
         watch: {
-            newCreatedTimelineItem(newOne, oldOne) {
-                if(this.timeline.data.length > 0 && !this.timeline.pageInfo.next) {
-                    this.scrollToTop()
-                    this.network_getTimeline()
-                    return 
-                }
-                if(this.timeline.pageInfo.last) {
-                    this.scrollToTop()
-                    this.network_getNewestTimeline()
-                }
+            async newCreatedTimelineItem(newOne, oldOne) {
+                try{    
+                    this.timeline.data.length > 0 && this.timeline.data.forEach((item,index) => {
+                        if(item.node_id == newOne) {
+                            this.timeline.data.splice(index,1)
+                            throw new Error('forEach abort')
+                        }
+                    })
+                }catch(e) {}
+
+                this.scrollToTop()
+                let newestTimeline = await this.network_getNewestTimeline()
+                newestTimeline && this.timeline.newestTimeline.push(newestTimeline)
+
             }
         },
         components: {
-            CommonLoading,
+            CommonLoadingWrapper,
             Label,
             Comment,
             TimelineItem,
diff --git a/src/pages/Repository/PullRequests/PullRequestDetail/Conversation/components/Review.vue b/src/pages/Repository/PullRequests/PullRequestDetail/Conversation/components/Review.vue
index b799d76..3df9035 100644
--- a/src/pages/Repository/PullRequests/PullRequestDetail/Conversation/components/Review.vue
+++ b/src/pages/Repository/PullRequests/PullRequestDetail/Conversation/components/Review.vue
@@ -32,7 +32,7 @@
             </BodyHTML>
         </Body>
        
-        <LoadingWrapper v-if="comments.loading" class="loading-wrapper py-3 d-flex flex-justify-center flex-items-center">
+        <LoadingWrapper v-if="comments.loading" class="loading-wrapper pt-3 d-flex flex-justify-center flex-items-center">
             Loading...
         </LoadingWrapper>
 
diff --git a/src/pages/Repository/PullRequests/PullRequestDetail/graphql.js b/src/pages/Repository/PullRequests/PullRequestDetail/graphql.js
index 2d19826..2cec13a 100644
--- a/src/pages/Repository/PullRequests/PullRequestDetail/graphql.js
+++ b/src/pages/Repository/PullRequests/PullRequestDetail/graphql.js
@@ -293,4 +293,15 @@ export const GRAPHQL_PULL_TIMELINE = `
         }
       }
     }
+  `
+
+  export const GRAPHQL_ADD_PULL_REQUEST_REVIEW = `
+  mutation($input:AddPullRequestReviewInput!) {
+    addPullRequestReview(input:$input) {
+      pullRequestReview {
+        databaseId
+        state
+      }
+    }
+  }
   `
\ No newline at end of file