Display status if there's no comments

i18n/ar.toml

@@ -41,6 +41,7 @@ many_minutes_read = "$NUMBER دقائق القراءة"
 minutes_read = "$NUMBER دقائق القراءة"
 newest_to_oldest = "من الأحدث إلى الأقدم"
 next = "التالي"
+no_comments = "لا توجد تعليقات حتى الآن :/"
 note = "ملاحظة"
 open_post = "افتح المنشور"
 posts = "الوظائف في المجموع"

i18n/en.toml

@@ -43,6 +43,7 @@ many_tags = "$NUMBER tags in total"
 minutes_read = "$NUMBER minute read"
 newest_to_oldest = "From newest to oldest"
 next = "Next"
+no_comments = "No comments yet :/"
 note = "Note"
 one_posts = "$NUMBER post in total"
 one_tags = "$NUMBER tag in total"

i18n/ru.toml

@@ -47,6 +47,7 @@ many_posts = "Всего $NUMBER постов"
 many_tags = "Всего $NUMBER тегов"
 newest_to_oldest = "От новейшего к старейшему"
 next = "Следующий"
+no_comments = "Комментариев пока нет :/"
 note = "Заметьте"
 one_posts = "Всего $NUMBER пост"
 one_tags = "Всего $NUMBER тег"

sass/_comments.scss

@@ -30,6 +30,14 @@
 		gap: 2rem;
 		margin-top: 2rem;
 
+		#comments-status {
+			margin-block-start: 0;
+			color: var(--fg-muted-4);
+			font-weight: bold;
+			font-size: 1.5em;
+			text-align: center;
+		}
+
 		.comment {
 			display: grid;
 			grid-template-columns: min-content;

templates/partials/comments.html

@@ -342,6 +342,14 @@
 							commentsWrapper.innerHTML += comment.outerHTML;
 						});
 					}
+
+					else {
+						var statusText = document.createElement("p");
+						statusText.innerHTML = "{{ macros_translate::translate(key='no_comments', default='No comments yet :/', language_strings=language_strings) }}";
+						statusText.setAttribute("id", "comments-status");
+						commentsWrapper.appendChild(statusText);
+					}
+
 					loadCommentsButton.innerHTML = "{{ macros_translate::translate(key='reload', default='Reload', language_strings=language_strings) }}";
 				});
 		}