diff --git a/tubearchivist/home/templates/home/settings.html b/tubearchivist/home/templates/home/settings.html
index 30b656b..bde2180 100644
--- a/tubearchivist/home/templates/home/settings.html
+++ b/tubearchivist/home/templates/home/settings.html
@@ -165,7 +165,7 @@
                     <p>Create next snapshot: <span class="settings-current">{{ snapshots.next_exec_str }}</span>, snapshots expire after <span class="settings-current">{{ snapshots.expire_after }}</span></p>
                     <br>
                     {% for snapshot in snapshots.snapshots %}
-                        <p><button data-id="{{ snapshot.id }}">Restore</button> Snapshot created on: <span class="settings-current">{{ snapshot.start_date }}</span>, took <span class="settings-current">{{ snapshot.duration_s }}s</span> to create</p>
+                        <p><button id="{{ snapshot.id }}" onclick="restoreSnapshot(id)">Restore</button> Snapshot created on: <span class="settings-current">{{ snapshot.start_date }}</span>, took <span class="settings-current">{{ snapshot.duration_s }}s</span> to create.</p>
                     {% endfor %}
                 {% endif %}
             </div>
diff --git a/tubearchivist/static/script.js b/tubearchivist/static/script.js
index e68971b..ee2dc12 100644
--- a/tubearchivist/static/script.js
+++ b/tubearchivist/static/script.js
@@ -287,6 +287,16 @@ function resetToken() {
   document.getElementById('text-reveal').replaceWith(message);
 }
 
+// restore from snapshot 
+function restoreSnapshot(snapshotId) {
+  console.log('restore ' + snapshotId);
+  let apiEndpoint = '/api/snapshot/' + snapshotId + '/';
+  apiRequest(apiEndpoint, 'POST');
+  let message = document.createElement('p');
+  message.innerText = 'Snapshot restore started';
+  document.getElementById(snapshotId).parentElement.replaceWith(message);
+}
+
 // delete from file system
 function deleteConfirm() {
   let to_show = document.getElementById('delete-button');