Add BETA label to custom widgets (#3426)

Author: bgoncal

Sources/App/Resources/en.lproj/Localizable.strings

@@ -1129,6 +1129,7 @@ Home Assistant is free and open source home automation software with a focus on
 "widgets.custom.show_update_time.title" = "Last update:";
 "widgets.custom.subtitle" = "Create widgets with your own style";
 "widgets.custom.title" = "Custom widgets";
+"widgets.custom.require_confirmation.footer" = "Widget confirmation and state display are currently in BETA, if you experience issues please disable 'Require confirmation' and save.";
 "widgets.details.description" = "Display states using from Home Assistant in text";
 "widgets.details.description_with_warning" = "Display states using from Home Assistant in text. ATTENTION: User needs to be admin for templating access";
 "widgets.details.parameters.action" = "Action";
@@ -1169,4 +1170,4 @@ Home Assistant is free and open source home automation software with a focus on
 "widgets.sensors.description" = "Display state of sensors";
 "widgets.sensors.not_configured" = "No Sensors Configured";
 "widgets.sensors.title" = "Sensors";
-"yes_label" = "Yes";
+"yes_label" = "Yes";

Sources/App/Settings/DebugView.swift

@@ -27,10 +27,10 @@ struct DebugView: View {
     var body: some View {
         List {
             AppleLikeListTopRowHeader(
-                image: .init(uiImage: MaterialDesignIcons.bugIcon.image(
+                image: AnyView(Image(uiImage: MaterialDesignIcons.bugIcon.image(
                     ofSize: .init(width: 120, height: 120),
                     color: Asset.Colors.haPrimary.color
-                )),
+                ))),
                 title: L10n.Settings.Debugging.Header.title,
                 subtitle: L10n.Settings.Debugging.Header.subtitle
             )

Sources/App/Settings/Gestures/AppleLikeListTopRowHeader.swift

@@ -2,7 +2,7 @@ import Shared
 import SwiftUI
 
 struct AppleLikeListTopRowHeader: View {
-    let image: Image
+    let image: AnyView
     let title: String
     let subtitle: String
 
@@ -24,7 +24,7 @@ struct AppleLikeListTopRowHeader: View {
 
 #Preview {
     AppleLikeListTopRowHeader(
-        image: Image(imageAsset: Asset.SharedAssets.casita),
+        image: AnyView(Image(imageAsset: Asset.SharedAssets.casita)),
         title: "Settings",
         subtitle: "This is a text that represents the body"
     )

Sources/App/Settings/Gestures/GesturesSetupView.swift

@@ -7,10 +7,10 @@ struct GesturesSetupView: View {
     var body: some View {
         List {
             AppleLikeListTopRowHeader(
-                image: Image(uiImage: MaterialDesignIcons.gestureIcon.image(
+                image: AnyView(Image(uiImage: MaterialDesignIcons.gestureIcon.image(
                     ofSize: .init(width: 80, height: 80),
                     color: Asset.Colors.haPrimary.color
-                )),
+                ))),
                 title: L10n.Gestures.Screen.title,
                 subtitle: L10n.Gestures.Screen.body
             )

Sources/App/Settings/MagicItem/Edit/MagicItemCustomizationView.swift

@@ -219,13 +219,16 @@ struct MagicItemCustomizationView: View {
                 scriptActionDetails
             }
         }
-
         Section {
             Toggle(L10n.MagicItem.RequireConfirmation.title, isOn: .init(get: {
                 viewModel.item.customization?.requiresConfirmation ?? true
             }, set: { newValue in
                 viewModel.item.customization?.requiresConfirmation = newValue
             }))
+        } footer: {
+            if context == .widget {
+                Text(L10n.Widgets.Custom.RequireConfirmation.footer)
+            }
         }
     }
 

Sources/App/Settings/Widgets/Builder/WidgetBuilderView.swift

@@ -48,10 +48,21 @@ struct WidgetBuilderView: View {
 
     private var header: some View {
         AppleLikeListTopRowHeader(
-            image: Image(uiImage: MaterialDesignIcons.widgetsIcon.image(
-                ofSize: .init(width: 80, height: 80),
-                color: Asset.Colors.haPrimary.color
-            )),
+            image: AnyView(
+                ZStack(alignment: .topTrailing) {
+                    Image(uiImage: MaterialDesignIcons.widgetsIcon.image(
+                        ofSize: .init(width: 80, height: 80),
+                        color: Asset.Colors.haPrimary.color
+                    ))
+                    Text("BETA")
+                        .font(.caption)
+                        .padding(.horizontal, Spaces.one)
+                        .padding(.vertical, Spaces.half)
+                        .background(.regularMaterial)
+                        .clipShape(Capsule())
+                        .offset(x: Spaces.oneAndHalf, y: 0)
+                }
+            ),
             title: L10n.Widgets.Custom.title,
             subtitle: L10n.Widgets.Custom.subtitle
         )

Sources/Shared/Resources/Swiftgen/Strings.swift

@@ -3956,6 +3956,10 @@ public enum L10n {
         /// Failed to 'toggle' entity
         public static var title: String { return L10n.tr("Localizable", "widgets.custom.intent_toggle_failed.title") }
       }
+      public enum RequireConfirmation {
+        /// Widget confirmation and state display are currently in BETA, if you experience issues please disable 'Require confirmation' and save.
+        public static var footer: String { return L10n.tr("Localizable", "widgets.custom.require_confirmation.footer") }
+      }
       public enum ShowUpdateTime {
         /// Last update:
         public static var title: String { return L10n.tr("Localizable", "widgets.custom.show_update_time.title") }