Merge pull request #107 from v2er-app/bugfix/hide-explore-section-before-load

fix: hide section titles in Explore tab before content loads

Author: graycreate

V2er/View/Explore/ExplorePage.swift

@@ -34,71 +34,79 @@ struct ExplorePage: BaseHomePageView {
     var body: some View {
         List {
             // Today Hot Section
-            Section {
-                ForEach(state.exploreInfo.dailyHotInfo) { item in
-                    ZStack {
-                        NavigationLink(destination: FeedDetailPage(initData: FeedInfo.Item(id: item.id))) {
-                            EmptyView()
+            if !state.exploreInfo.dailyHotInfo.isEmpty {
+                Section {
+                    ForEach(state.exploreInfo.dailyHotInfo) { item in
+                        ZStack {
+                            NavigationLink(destination: FeedDetailPage(initData: FeedInfo.Item(id: item.id))) {
+                                EmptyView()
+                            }
+                            .opacity(0)
+
+                            HStack(spacing: 12) {
+                                AvatarView(url: item.avatar, size: 30)
+                                Text(item.title)
+                                    .foregroundColor(Color.primaryText)
+                                    .lineLimit(2)
+                                    .greedyWidth(.leading)
+                            }
+                            .padding(.vertical, 4)
                         }
-                        .opacity(0)
-
-                        HStack(spacing: 12) {
-                            AvatarView(url: item.avatar, size: 30)
-                            Text(item.title)
-                                .foregroundColor(Color.primaryText)
-                                .lineLimit(2)
-                                .greedyWidth(.leading)
-                        }
-                        .padding(.vertical, 4)
+                        .listRowInsets(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
+                        .listRowBackground(Color.itemBg)
                     }
-                    .listRowInsets(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
-                    .listRowBackground(Color.itemBg)
+                } header: {
+                    SectionTitleView("今日热议")
+                        .listRowInsets(EdgeInsets())
+                        .listRowBackground(Color.itemBg)
                 }
-            } header: {
-                SectionTitleView("今日热议")
-                    .listRowInsets(EdgeInsets())
-                    .listRowBackground(Color.itemBg)
+                .listRowSeparator(.hidden)
             }
-            .listRowSeparator(.hidden)
 
             // Hot Nodes Section
-            Section {
-                FlowStack(data: state.exploreInfo.hottestNodeInfo) { node in
-                    NodeView(id: node.id, name: node.name)
-                }
-                .listRowInsets(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
-                .listRowBackground(Color.itemBg)
-            } header: {
-                SectionTitleView("最热节点")
+            if !state.exploreInfo.hottestNodeInfo.isEmpty {
+                Section {
+                    FlowStack(data: state.exploreInfo.hottestNodeInfo) { node in
+                        NodeView(id: node.id, name: node.name)
+                    }
+                    .listRowInsets(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
                     .listRowBackground(Color.itemBg)
+                } header: {
+                    SectionTitleView("最热节点")
+                        .listRowBackground(Color.itemBg)
+                }
+                .listRowSeparator(.hidden)
             }
-            .listRowSeparator(.hidden)
 
             // New Nodes Section
-            Section {
-                FlowStack(data: state.exploreInfo.recentNodeInfo) { node in
-                    NodeView(id: node.id, name: node.name)
-                }
-                .listRowInsets(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
-                .listRowBackground(Color.itemBg)
-            } header: {
-                SectionTitleView("新增节点")
+            if !state.exploreInfo.recentNodeInfo.isEmpty {
+                Section {
+                    FlowStack(data: state.exploreInfo.recentNodeInfo) { node in
+                        NodeView(id: node.id, name: node.name)
+                    }
+                    .listRowInsets(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
                     .listRowBackground(Color.itemBg)
+                } header: {
+                    SectionTitleView("新增节点")
+                        .listRowBackground(Color.itemBg)
+                }
+                .listRowSeparator(.hidden)
             }
-            .listRowSeparator(.hidden)
 
             // Node Navigation Section
-            Section {
-                ForEach(state.exploreInfo.nodeNavInfo) { navItem in
-                    NodeNavItemView(data: navItem)
-                        .listRowInsets(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
+            if !state.exploreInfo.nodeNavInfo.isEmpty {
+                Section {
+                    ForEach(state.exploreInfo.nodeNavInfo) { navItem in
+                        NodeNavItemView(data: navItem)
+                            .listRowInsets(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
+                            .listRowBackground(Color.itemBg)
+                    }
+                } header: {
+                    SectionTitleView("节点导航")
                         .listRowBackground(Color.itemBg)
                 }
-            } header: {
-                SectionTitleView("节点导航")
-                    .listRowBackground(Color.itemBg)
+                .listRowSeparator(.hidden)
             }
-            .listRowSeparator(.hidden)
         }
         .listStyle(.plain)
         .scrollContentBackground(.hidden)