Automatic collapse child comments

Mlem/API/Internal/HierarchicalComment.swift

@@ -22,11 +22,14 @@ class HierarchicalComment: ObservableObject {
     @Published var isCollapsed: Bool = false
 
     init(comment: APICommentView, children: [HierarchicalComment], parentCollapsed: Bool, collapsed: Bool) {
+        let collapseChildCommentsFlag = UserDefaults.standard.bool(forKey: "collapseChildComments")
+        let depth = max(0, comment.comment.path.split(separator: ".").count - 2)
+
         self.commentView = comment
         self.children = children
-        self.depth = max(0, commentView.comment.path.split(separator: ".").count - 2)
-        self.isParentCollapsed = parentCollapsed
-        self.isCollapsed = collapsed
+        self.depth = depth
+        self.isParentCollapsed = collapseChildCommentsFlag && depth > 1 || parentCollapsed
+        self.isCollapsed = collapseChildCommentsFlag && depth == 1 || collapsed
         self.links = comment.comment.content.parseLinks()
     }
 }
@@ -164,6 +167,10 @@ extension [APICommentView] {
 
         /// Recursively populates child comments by looking up IDs from `childrenById`
         func populateChildren(_ comment: APICommentView) -> HierarchicalComment {
+            let collapseChildCommentsFlag = UserDefaults.standard.bool(forKey: "collapseChildComments")
+            // Collapse all child comments and excluse parents comments
+            let isCollapsed = collapseChildCommentsFlag && !(comment.comment.parentId == nil)
+
             guard let childIds = childrenById[comment.id] else {
                 return .init(
                     comment: comment,

Mlem/Icons.swift

@@ -9,7 +9,7 @@ import Foundation
 import SwiftUI
 
 /// SFSymbol names for icons
-struct Icons {
+enum Icons {
     // votes
     static let votes: String = "arrow.up.arrow.down.square"
     static let upvote: String = "arrow.up"
@@ -183,6 +183,7 @@ struct Icons {
     static let developerMode: String = "wrench.adjustable.fill"
     static let limitImageHeightSetting: String = "rectangle.compress.vertical"
     static let swipeUpGestureSetting: String = "arrow.up.to.line.alt"
+    static let collapseComments: String = "arrow.down.and.line.horizontal.and.arrow.up"
 
     // misc
     static let switchUser: String = "person.crop.circle.badge.plus"

Mlem/Views/Tabs/Settings/Components/Views/Appearance/Comment/CommentSettingsView.swift

@@ -51,6 +51,7 @@ struct CommentSettingsView: View {
     @AppStorage("shouldShowUserServerInComment") var shouldShowUserServerInComment: Bool = false
 
     @AppStorage("showCommentJumpButton") var showCommentJumpButton: Bool = true
+    @AppStorage("collapseChildComments") var collapseChildComments: Bool = false
     @AppStorage("commentJumpButtonSide") var commentJumpButtonSide: JumpButtonLocation = .bottomTrailing
 
     var body: some View {
@@ -115,6 +116,11 @@ struct CommentSettingsView: View {
                     settingName: "Show Jump Button",
                     isTicked: $showCommentJumpButton
                 )
+                SwitchableSettingsItem(
+                    settingPictureSystemName: Icons.collapseComments,
+                    settingName: "Automatically Collapse Replies",
+                    isTicked: $collapseChildComments
+                )
                 SelectableSettingsItem(
                     settingIconSystemName: Icons.leftRight,
                     settingName: "Side",