fix: Use custom label for CompatibilityContentUnavailableView (#4647)

RevenueCat · Jan 13, 2025 · 70b0791 · 70b0791
1 parent c100009
commit 70b0791
Showing 1 changed file with 22 additions and 21 deletions.
diff --git a/RevenueCatUI/CustomerCenter/Views/CompatibilityContentUnavailableView.swift b/RevenueCatUI/CustomerCenter/Views/CompatibilityContentUnavailableView.swift
@@ -38,18 +38,11 @@ struct CompatibilityContentUnavailableView: View {
 
         if #available(iOS 17.0, *) {
             #if swift(>=5.9)
-            if let description {
-                ContentUnavailableView(
-                    title,
-                    systemImage: systemImage,
-                    description: description
-                )
-            } else {
-                ContentUnavailableView(
-                    title,
-                    systemImage: systemImage
-                )
+            ContentUnavailableView {
+                Label { titleView }
+                icon: { iconView }
             }
+            description: { description }
 
             #else
                 // In Xcode 14, any references to ContentUnavailableView would fail to compile since that entity
@@ -60,16 +53,8 @@ struct CompatibilityContentUnavailableView: View {
             #endif
         } else {
             VStack {
-                Image(systemName: systemImage)
-                    .resizable()
-                    .scaledToFill()
-                    .frame(width: 48, height: 48)
-                    .foregroundStyle(.secondary)
-                    .padding()
-
-                Text(title)
-                    .font(.title2)
-                    .bold()
+                iconView
+                titleView
 
                 if let description {
                     description
@@ -80,6 +65,22 @@ struct CompatibilityContentUnavailableView: View {
         }
 
     }
+
+    private var titleView: some View {
+        Text(title)
+            .font(.title2)
+            .bold()
+            .fixedSize(horizontal: false, vertical: true)
+    }
+
+    private var iconView: some View {
+        Image(systemName: systemImage)
+            .resizable()
+            .scaledToFill()
+            .frame(width: 48, height: 48)
+            .foregroundStyle(.secondary)
+            .padding()
+    }
 }
 
 #endif