Admin, Bot, Developer flairs in PersonView

Mlem.xcodeproj/project.pbxproj

@@ -2946,8 +2946,8 @@
 			isa = XCRemoteSwiftPackageReference;
 			repositoryURL = "https://github.com/mlemgroup/MlemMiddleware";
 			requirement = {
-				kind = upToNextMajorVersion;
-				minimumVersion = 0.52.0;
+				kind = upToNextMinorVersion;
+				minimumVersion = 0.53.0;
 			};
 		};
 		CDE4AC402CA3706400981010 /* XCRemoteSwiftPackageReference "SDWebImageSwiftUI" */ = {

Mlem.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -51,8 +51,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/mlemgroup/MlemMiddleware",
       "state" : {
-        "revision" : "51db2875046e216fb01c8233cc43eadd147dd240",
-        "version" : "0.52.0"
+        "revision" : "a4dc838d0ff82ea76b71ee9e9568743d957e15a0",
+        "version" : "0.53.0"
       }
     },
     {

Mlem/App/Views/Pages/Person/PersonView.swift

@@ -5,6 +5,7 @@
 //  Created by Sjmarf on 30/05/2024.
 //
 
+import Flow
 import LemmyMarkdownUI
 import MlemMiddleware
 import SwiftUI
@@ -36,10 +37,12 @@ struct PersonView: View {
     @State private var selectedContentType: PersonContentType = .all
     @State private var isAtTop: Bool = true
     @State var feedLoader: PersonContentFeedLoader?
+    @State var isAdmin: Bool
     let isProfileTab: Bool
 
     init(person: AnyPerson, isProfileTab: Bool = false) {
         self._person = .init(wrappedValue: person)
+        self._isAdmin = .init(wrappedValue: person.wrappedValue.isAdmin_ ?? false)
         self.isProfileTab = isProfileTab
 
         if let person1 = person.wrappedValue as? any Person1Providing, person1.api === AppState.main.firstApi {
@@ -114,6 +117,12 @@ struct PersonView: View {
                 }
                 return try await entity.upgrade()
             }
+            // This prevents the admin flair from disappearing if the `ContentLoader`
+            // switches from an external ApiClient to the active ApiClient, e.g. when
+            // navigating to `PersonView` from the administrator list in `InstanceView`.
+            if model.wrappedValue.isAdmin_ ?? false {
+                isAdmin = true
+            }
         }
         .navigationTitle(isAtTop ? "" : (person.wrappedValue.displayName_ ?? person.wrappedValue.name))
         .navigationBarTitleDisplayMode(.inline)
@@ -125,6 +134,7 @@ struct PersonView: View {
             VStack(spacing: 0) {
                 VStack(spacing: Constants.main.standardSpacing) {
                     ProfileHeaderView(person, fallback: .person)
+                    flairsView(person: person)
                     bio(person: person)
                 }
                 .padding([.horizontal], Constants.main.standardSpacing)
@@ -175,6 +185,27 @@ struct PersonView: View {
         }
     }
 
+    @ViewBuilder
+    func flairsView(person: any Person) -> some View {
+        if person.isBot || person.isMlemDeveloper || isAdmin {
+            HFlow(spacing: Constants.main.halfSpacing) {
+                if person.isMlemDeveloper {
+                    Label("Mlem Developer", systemImage: Icons.developerFlair)
+                        .tint(palette.colorfulAccent(4))
+                }
+                if isAdmin {
+                    Label("\(person.host ?? "") Administrator", systemImage: Icons.adminFlair)
+                        .tint(palette.administration)
+                }
+                if person.isBot {
+                    Label("Bot Account", systemImage: Icons.botFlair)
+                        .tint(palette.colorfulAccent(5))
+                }
+            }
+            .labelStyle(FlairLabelStyle())
+        }
+    }
+
     @ViewBuilder
     func dateLabel(person: any Person) -> some View {
         ProfileDateView(profilable: person)
@@ -233,3 +264,20 @@ struct PersonView: View {
         .padding([.horizontal, .bottom], Constants.main.standardSpacing)
     }
 }
+
+private struct FlairLabelStyle: LabelStyle {
+    @Environment(Palette.self) private var palette
+
+    func makeBody(configuration: Configuration) -> some View {
+        HStack(spacing: 5) {
+            configuration.icon
+                .imageScale(.small)
+            configuration.title
+        }
+        .font(.footnote)
+        .padding(.vertical, 2)
+        .padding(.horizontal, 8)
+        .foregroundStyle(.tint)
+        .background(.tint.opacity(0.2), in: .capsule)
+    }
+}

Mlem/App/Views/Root/Tabs/Settings/Components/SquircleLabelStyle.swift

@@ -9,6 +9,7 @@ import SwiftUI
 
 struct SquircleLabelStyle: LabelStyle {
     @Environment(Palette.self) private var palette
+
     func makeBody(configuration: Configuration) -> some View {
         HStack(alignment: .center, spacing: 16) {
             configuration.icon

Mlem/Localizable.xcstrings

@@ -30,6 +30,9 @@
           }
         }
       }
+    },
+    "%@ Administrator" : {
+
     },
     "%@ has been unresponsive recently." : {