From bc9358b2816a4646ae51931e6c8036062b1283fd Mon Sep 17 00:00:00 2001
From: kek7198 <grayboy99@protonmail.com>
Date: Sun, 5 Dec 2021 11:43:23 -0600
Subject: [PATCH] fix

---
 files/templates/submission.html | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/files/templates/submission.html b/files/templates/submission.html
index 65776d113..f7bcaa493 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -670,7 +670,7 @@
 			{% endif %}
 
 			{% if p.replies %}
-			<div class="comment-section px-2.5 md:px-0">
+			<div class="comment-section px-2.5 md:px-0" id="comment-section">
 				{% with comments=p.replies %}
 				{% include "comments.html" %}
 				{% endwith %}
@@ -691,7 +691,24 @@
 			{% endif %}
 
 			{% if offset %}
-				<a class="pt-2" href="{{request.path}}?sort={{sort}}&offset={{offset}}">View more</a>
+		 	<script defer>
+				function loadMore(id) {
+					const el = document.getElementById(id)
+					const form = new FormData();
+					const xhr = new XMLHttpRequest();
+					xhr.open("post", "/viewmore/{{p.id}}/{{sort}}/{{offset}}");
+					xhr.withCredentials=true;
+					xhr.onload=function(){
+						if (xhr.status==200) {
+							el.innerHTML = xhr.response;
+						}
+					}
+					xhr.send(form)
+				}
+			</script>
+			<button class="btn btn-gray w-full" onclick="loadMore('comment-section')">
+				Load more comments
+			</button>
 			{% endif %}
 
 	</div>