Improve connection selection UI

Sesame-Widget/Sesame_Widget.swift

@@ -24,16 +24,31 @@ struct SimpleEntry: TimelineEntry {
 }
 
 struct Sesame_WidgetEntryView : View {
+    
+    @Environment(\.widgetRenderingMode)
+    var widgetRenderingMode
+    
+    @Environment(\.widgetFamily)
+    var widgetFamily
 
     var entry: Provider.Entry
 
     var body: some View {
+        switch widgetRenderingMode {
+        default:
+            image.unredacted()
+        }
+    }
+    
+    private var image: some View {
         Image(systemSymbol: .lock)
             .resizable()
             .aspectRatio(contentMode: .fit)
             .padding()
             .fontWeight(.thin)
             .widgetURL(URL(string: "sesame:///open")!)
+            .containerBackground(.green, for: .widget)
+            .widgetAccentable()
     }
 }
 

Sesame.xcodeproj/xcshareddata/xcschemes/Sesame-WidgetExtension.xcscheme

@@ -58,6 +58,15 @@
       launchAutomaticallySubstyle = "2">
       <BuildableProductRunnable
          runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "E268E0802A85302000185913"
+            BuildableName = "Sesame-WidgetExtension.appex"
+            BlueprintName = "Sesame-WidgetExtension"
+            ReferencedContainer = "container:Sesame.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "88E197AB29EDC9BC00BF1D19"
@@ -65,7 +74,7 @@
             BlueprintName = "Sesame-Watch Watch App"
             ReferencedContainer = "container:Sesame.xcodeproj">
          </BuildableReference>
-      </BuildableProductRunnable>
+      </MacroExpansion>
       <EnvironmentVariables>
          <EnvironmentVariable
             key = "_XCWidgetKind"

Sesame/ContentView.swift

@@ -57,9 +57,12 @@ struct ContentView: View {
             }
             
             Picker("Connection type", selection: $coordinator.connectionType) {
-                ForEach(ConnectionStrategy.allCases, id: \.rawValue) { connection in
-                    Text(connection.description).tag(connection)
-                }
+                Text(ConnectionStrategy.local.description).tag(ConnectionStrategy.local)
+                Text(ConnectionStrategy.remote.description).tag(ConnectionStrategy.remote)
+                Text(ConnectionStrategy.remoteFirst.description).tag(ConnectionStrategy.remoteFirst)
+//                ForEach(ConnectionStrategy.allCases, id: \.rawValue) { connection in
+//                    Text(connection.description).tag(connection)
+//                }
             }
             .pickerStyle(.segmented)
             .padding(.horizontal, 30)