From 011b482e98328a83e3b4dd9791d9be2240b44208 Mon Sep 17 00:00:00 2001
From: Kaity A <supakaity@noreply.codeberg.org>
Date: Sat, 15 Apr 2023 21:56:17 +0000
Subject: [PATCH] Add continuation for thread reply level (#9821)

I think this will solve the continuation issue in threads where the reply level reaches 12 deep in the conversation thread, without getting to indent depth 5.

Co-authored-by: Kaity A <kaity@theallans.com.au>
Co-authored-by: Kaity A <supakaity@blahaj.zone>
Reviewed-on: https://codeberg.org/calckey/calckey/pulls/9821
Co-authored-by: Kaity A <supakaity@noreply.codeberg.org>
Co-committed-by: Kaity A <supakaity@noreply.codeberg.org>
---
 packages/client/src/components/MkNoteSub.vue | 49 +++++++++++---------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 9c98ae15d..6a5d154ef 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -142,27 +142,31 @@
 			</div>
 		</div>
 		<template v-if="conversation">
-			<template v-if="replies.length == 1">
-				<MkNoteSub
-					v-for="reply in replies"
-					:key="reply.id"
-					:note="reply"
-					class="reply single"
-					:conversation="conversation"
-					:depth="depth"
-					:parentId="appearNote.replyId"
-				/>
-			</template>
-			<template v-else-if="depth < 5">
-				<MkNoteSub
-					v-for="reply in replies"
-					:key="reply.id"
-					:note="reply"
-					class="reply"
-					:conversation="conversation"
-					:depth="depth + 1"
-					:parentId="appearNote.replyId"
-				/>
+			<template v-if="replyLevel < 11 && depth < 5">
+				<template v-if="replies.length == 1">
+					<MkNoteSub
+						v-for="reply in replies"
+						:key="reply.id"
+						:note="reply"
+						class="reply single"
+						:conversation="conversation"
+						:depth="depth"
+						:replyLevel="replyLevel + 1"
+						:parentId="appearNote.replyId"
+					/>
+				</template>
+				<template v-else>
+					<MkNoteSub
+						v-for="reply in replies"
+						:key="reply.id"
+						:note="reply"
+						class="reply"
+						:conversation="conversation"
+						:depth="depth + 1"
+						:replyLevel="replyLevel + 1"
+						:parentId="appearNote.replyId"
+					/>
+				</template>
 			</template>
 			<div v-else-if="replies.length > 0" class="more">
 				<div class="line"></div>
@@ -206,9 +210,12 @@ const props = withDefaults(
 
 		// how many notes are in between this one and the note being viewed in detail
 		depth?: number;
+		// the actual reply level of this note within the conversation thread
+		replyLevel?: number;
 	}>(),
 	{
 		depth: 1,
+		replyLevel: 1,
 	}
 );