From 05e2615b4b2f593321fedbdf231e54a2185af2f6 Mon Sep 17 00:00:00 2001
From: Linus045 <linusw20@gmail.com>
Date: Wed, 22 Apr 2020 23:05:33 +0200
Subject: [PATCH 1/5] Added reload button to manually reload the file tree

---
 src/js/components/actions/index.jsx | 10 +++++++++-
 src/js/components/tree/index.jsx    |  2 ++
 src/js/index.jsx                    |  7 ++++++-
 src/js/style.css                    |  3 ++-
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/js/components/actions/index.jsx b/src/js/components/actions/index.jsx
index be92655..841fe6c 100644
--- a/src/js/components/actions/index.jsx
+++ b/src/js/components/actions/index.jsx
@@ -1,9 +1,17 @@
 import React from 'react'
 
-const Actions = ({ filter, filterFiles, onFullWidth, onOptions, onClose }) => (
+const Actions = ({ filter, filterFiles, onFullWidth, onOptions, onClose, onReloadTree }) => (
   <div className='actions'>
     <input type='text' value={filter} className='actions-filter' placeholder='Type to filter files' onChange={filterFiles} />
 
+    <div className='actions-small-button'>
+      <button onClick={onReloadTree} className='reload-tree-button' title='Manually reload the tree'>
+        <svg className='octicon octicon-sync' xmlns="http://www.w3.org/2000/svg" transform="translate(0,4)" width="24" height="20" viewBox="0 0 12 16">
+          <path fillRule="evenodd" d="M10.24 7.4a4.15 4.15 0 0 1-1.2 3.6 4.346 4.346 0 0 1-5.41.54L4.8 10.4.5 9.8l.6 4.2 1.31-1.26c2.36 1.74 5.7 1.57 7.84-.54a5.876 5.876 0 0 0 1.74-4.46l-1.75-.34zM2.96 5a4.346 4.346 0 0 1 5.41-.54L7.2 5.6l4.3.6-.6-4.2-1.31 1.26c-2.36-1.74-5.7-1.57-7.85.54C.5 5.03-.06 6.65.01 8.26l1.75.35A4.17 4.17 0 0 1 2.96 5z"/>
+        </svg>
+      </button>
+    </div>
+
     <div className='actions-small-button'>
       <button onClick={onFullWidth} className='full-width-button' title='Toggle maximum width of github content'>
         <svg className='octicon' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'>
diff --git a/src/js/components/tree/index.jsx b/src/js/components/tree/index.jsx
index 0fc8f9c..8bf0e8e 100644
--- a/src/js/components/tree/index.jsx
+++ b/src/js/components/tree/index.jsx
@@ -13,6 +13,7 @@ const fullScreenStorageKey = '__better_github_pr_full_screen'
 class Tree extends React.Component {
   constructor (props) {
     super(props)
+    this.onReloadTree = this.props.reloadTree
 
     this.onClose = this.onClose.bind(this)
     this.onScroll = this.onScroll.bind(this)
@@ -189,6 +190,7 @@ class Tree extends React.Component {
           onFullWidth={this.onFullWidth}
           onOptions={this.onOptions}
           onClose={this.onClose}
+          onReloadTree={this.onReloadTree}
         />
         <div className='file-container'>
           <div>
diff --git a/src/js/index.jsx b/src/js/index.jsx
index 7d12915..1704ae7 100644
--- a/src/js/index.jsx
+++ b/src/js/index.jsx
@@ -27,6 +27,11 @@ class Top extends React.Component {
     this.calculateTree()
   }
 
+  loadTree() {
+    const { tree } = createFileTree()
+    this.setState({ tree })
+  }
+
   calculateTree () {
     const isFilteredToCommit = Boolean(document.querySelector('.js-commits-filtered'))
     const fileCount = parseInt((document.getElementById('files_tab_counter') || { innerText: 0 }).innerText, 10)
@@ -48,7 +53,7 @@ class Top extends React.Component {
     if (!tree) {
       return null
     }
-    return <Tree root={tree} />
+    return <Tree root={tree} reloadTree={this.loadTree.bind(this)}/>
   }
 }
 
diff --git a/src/js/style.css b/src/js/style.css
index 7c567af..4be1d99 100644
--- a/src/js/style.css
+++ b/src/js/style.css
@@ -275,7 +275,8 @@
 
 .__better_github_pr_dark_mode .__better_github_pr .settings-button,
 .__better_github_pr_dark_mode .__better_github_pr .close-button,
-.__better_github_pr_dark_mode .__better_github_pr .full-width-button {
+.__better_github_pr_dark_mode .__better_github_pr .full-width-button,
+.__better_github_pr_dark_mode .__better_github_pr .reload-tree-button {
     color: #ffffff;
 }
 

From dac25c01b708b747f08fd96342e9cf1c5e0cfa17 Mon Sep 17 00:00:00 2001
From: Linus045 <linusw20@gmail.com>
Date: Wed, 22 Apr 2020 23:08:27 +0200
Subject: [PATCH 2/5] Try to reload the file tree a few times while the page is
 loading

---
 src/js/index.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/js/index.jsx b/src/js/index.jsx
index 1704ae7..c0ade22 100644
--- a/src/js/index.jsx
+++ b/src/js/index.jsx
@@ -19,7 +19,8 @@ class Top extends React.Component {
   constructor (props) {
     super(props)
     this.state = {
-      tree: null
+      tree: null,
+      reloadTries: 10
     }
   }
 
@@ -40,11 +41,17 @@ class Top extends React.Component {
     this.setState({ tree })
 
     if (isFilteredToCommit) {
+      //When using the filter, the "Files changed" label on github still shows the total files changed
+      //so we just try to reload the tree a few times to make sure every file gets loaded
+      if(this.state.reloadTries > 0) {
+        this.setState({reloadTries: this.state.reloadTries-1})
+        setTimeout(this.calculateTree.bind(this), 2000)
+      }
       return
     }
 
     if (fileCount !== count) {
-      setTimeout(this.calculateTree.bind(this), 100)
+      setTimeout(this.calculateTree.bind(this), 1000)
     }
   }
 

From 611d9bc2c853ee584b8f0618ef3e9baa0addac96 Mon Sep 17 00:00:00 2001
From: Linus045 <lwillms88@gmail.com>
Date: Thu, 1 Oct 2020 22:57:19 +0200
Subject: [PATCH 3/5] Added tooltip to ReloadTree action

---
 src/js/components/actions/index.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/js/components/actions/index.jsx b/src/js/components/actions/index.jsx
index f977fbc..95a684b 100644
--- a/src/js/components/actions/index.jsx
+++ b/src/js/components/actions/index.jsx
@@ -5,10 +5,12 @@ const Actions = ({ filter, filterFiles, onFullWidth, onOptions, onClose, onReloa
     <input type='text' value={filter} className='actions-filter' placeholder='Type to filter files' onChange={filterFiles} />
 
     <div className='actions-small-button'>
-      <button onClick={onReloadTree} className='reload-tree-button' title='Manually reload the tree'>
-        <svg className='octicon octicon-sync' xmlns="http://www.w3.org/2000/svg" transform="translate(0,4)" width="24" height="20" viewBox="0 0 12 16">
-          <path fillRule="evenodd" d="M10.24 7.4a4.15 4.15 0 0 1-1.2 3.6 4.346 4.346 0 0 1-5.41.54L4.8 10.4.5 9.8l.6 4.2 1.31-1.26c2.36 1.74 5.7 1.57 7.84-.54a5.876 5.876 0 0 0 1.74-4.46l-1.75-.34zM2.96 5a4.346 4.346 0 0 1 5.41-.54L7.2 5.6l4.3.6-.6-4.2-1.31 1.26c-2.36-1.74-5.7-1.57-7.85.54C.5 5.03-.06 6.65.01 8.26l1.75.35A4.17 4.17 0 0 1 2.96 5z"/>
-        </svg>
+      <button onClick={onReloadTree} className='reload-tree-button'>
+        <span className='tooltipped tooltipped-s' aria-label='Manually reload the tree'>
+          <svg className='octicon octicon-sync' xmlns="http://www.w3.org/2000/svg" transform="translate(0,4)" width="24" height="20" viewBox="0 0 12 16">
+            <path fillRule="evenodd" d="M10.24 7.4a4.15 4.15 0 0 1-1.2 3.6 4.346 4.346 0 0 1-5.41.54L4.8 10.4.5 9.8l.6 4.2 1.31-1.26c2.36 1.74 5.7 1.57 7.84-.54a5.876 5.876 0 0 0 1.74-4.46l-1.75-.34zM2.96 5a4.346 4.346 0 0 1 5.41-.54L7.2 5.6l4.3.6-.6-4.2-1.31 1.26c-2.36-1.74-5.7-1.57-7.85.54C.5 5.03-.06 6.65.01 8.26l1.75.35A4.17 4.17 0 0 1 2.96 5z"/>
+          </svg>
+        </span>
       </button>
     </div>
 

From 3735193d30678f4fb10c698385c799e3858b8a73 Mon Sep 17 00:00:00 2001
From: Linus045 <lwillms88@gmail.com>
Date: Mon, 30 Aug 2021 13:11:06 +0200
Subject: [PATCH 4/5] Removed changes unrelated to the button itself

---
 src/js/index.jsx | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/js/index.jsx b/src/js/index.jsx
index 81b8f96..f56f8c0 100644
--- a/src/js/index.jsx
+++ b/src/js/index.jsx
@@ -21,8 +21,7 @@ class Top extends React.Component {
   constructor (props) {
     super(props)
     this.state = {
-      tree: null,
-      reloadTries: 10
+      tree: null
     }
   }
 
@@ -43,17 +42,11 @@ class Top extends React.Component {
     this.setState({ tree })
 
     if (isFilteredToCommit) {
-      //When using the filter, the "Files changed" label on github still shows the total files changed
-      //so we just try to reload the tree a few times to make sure every file gets loaded
-      if(this.state.reloadTries > 0) {
-        this.setState({reloadTries: this.state.reloadTries-1})
-        setTimeout(this.calculateTree.bind(this), 2000)
-      }
       return
     }
 
     if (fileCount !== count) {
-      setTimeout(this.calculateTree.bind(this), 1000)
+      setTimeout(this.calculateTree.bind(this), 100)
     }
   }
 

From 0ebdeecb635afb7e121aee62456da42f97b30601 Mon Sep 17 00:00:00 2001
From: Linus045 <lwillms88@gmail.com>
Date: Mon, 30 Aug 2021 16:35:18 +0200
Subject: [PATCH 5/5] Replaced method.bind(this) with arrow function

---
 src/js/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/js/index.jsx b/src/js/index.jsx
index f56f8c0..da98f77 100644
--- a/src/js/index.jsx
+++ b/src/js/index.jsx
@@ -55,7 +55,7 @@ class Top extends React.Component {
     if (!tree) {
       return null
     }
-    return <Tree root={tree} reloadTree={this.loadTree.bind(this)}/>
+    return <Tree root={tree} reloadTree={() => this.loadTree()} />
   }
 }