diff --git a/site/src/components/files-tree/script.js b/site/src/components/files-tree/script.js
index f612f03..d8b3005 100644
--- a/site/src/components/files-tree/script.js
+++ b/site/src/components/files-tree/script.js
@@ -36,6 +36,29 @@ export default
         onSearchValueChange(value)
         {
             this.$store.commit('searchFile', value)
+        },
+
+        onAllReadClick()
+        {
+            // Go through each folder and file
+            const eachFolder = (obj) =>
+            {
+                for(const folder of obj.folders)
+                {
+                    eachFolder(folder)
+                }
+                if(obj.files)
+                {
+                    for(const file of obj.files)
+                    {
+                        // Update changed and new properties
+                        file.isChanged = false
+                        file.isNew = false
+                    }
+                }
+            }
+
+            eachFolder(this.files)
         }
     }
 }
\ No newline at end of file
diff --git a/site/src/components/files-tree/template.html b/site/src/components/files-tree/template.html
index 3e2d26b..700c2dd 100644
--- a/site/src/components/files-tree/template.html
+++ b/site/src/components/files-tree/template.html
@@ -1,4 +1,7 @@
 <div>
     <input type="text" v-model="searchValue">
     <files-tree-folder v-for="folder of files.folders" :key="+ new Date()" :content="folder" :depth="0"></files-tree-folder>
+    <div>
+    	<a href="#" class="all-read" @click.prevent="onAllReadClick">Mark all as read</a>
+    </div>
 </div>
\ No newline at end of file