Meshtastic-Apple/Meshtastic/Views/Helpers/ConnectedDevice.swift

/*
Abstract:
A view draws the indicator used in the upper right corner for views using BLE
*/

import SwiftUI

struct ConnectedDevice: View {
	@EnvironmentObject var accessoryManager: AccessoryManager
    var deviceConnected: Bool
    var name: String
    var mqttProxyConnected: Bool = false
    var mqttUplinkEnabled: Bool = false
    var mqttDownlinkEnabled: Bool = false
        var mqttTopic: String = ""
    var phoneOnly: Bool = false
	var showActivityLights: Bool
	
	init(deviceConnected: Bool, name: String, mqttProxyConnected: Bool = false, mqttUplinkEnabled: Bool = false, mqttDownlinkEnabled: Bool = false, mqttTopic: String = "", phoneOnly: Bool = false, showActivityLights: Bool = true) {
		self.deviceConnected = deviceConnected
		self.name = name
		self.mqttProxyConnected = mqttProxyConnected
		self.mqttUplinkEnabled = mqttUplinkEnabled
		self.mqttDownlinkEnabled = mqttDownlinkEnabled
		self.mqttTopic = mqttTopic
		self.phoneOnly = phoneOnly
		self.showActivityLights = showActivityLights
	}

    var body: some View {
		HStack {
			if showActivityLights {
				RXTXIndicatorWidget()
			}
            if (phoneOnly && UIDevice.current.userInterfaceIdiom == .phone) || !phoneOnly {
				if deviceConnected {
					// Create an HStack for connected state with proper accessibility
					HStack {
						if mqttUplinkEnabled || mqttDownlinkEnabled {
							MQTTIcon(connected: mqttProxyConnected, uplink: mqttUplinkEnabled, downlink: mqttDownlinkEnabled, topic: mqttTopic)
								.accessibilityHidden(true)
						}
						Image(systemName: "link.circle.fill")
							.imageScale(.large)
							.foregroundColor(.green)
							.symbolRenderingMode(.hierarchical)
							.accessibilityHidden(true)
						Text(name.addingVariationSelectors)
							.font(name.isEmoji() ? .title : .callout)
							.foregroundColor(.gray)
							.accessibilityHidden(true)
					}
					.accessibilityElement(children: .ignore)
					.accessibilityLabel("Connected to Bluetooth device".localized + ", " + name.formatNodeNameForVoiceOver())
				} else {
					// Create a container for disconnected state
					HStack {
						Image("custom.link.slash")
							.imageScale(.medium)
							.foregroundColor(.red)
							.symbolRenderingMode(.hierarchical)
							.accessibilityHidden(true)
					}
					.accessibilityElement(children: .ignore)
					.accessibilityLabel("No Bluetooth device connected".localized)
				}
            }
		}
		.if(.os26) { $0.padding(.leading, 5.0) }
    }
}

struct ConnectedDevice_Previews: PreviewProvider {
    static var previews: some View {
            VStack(alignment: .trailing) {
                ConnectedDevice(deviceConnected: true, name: "MEMO", mqttProxyConnected: true)
                ConnectedDevice(deviceConnected: true, name: "MEMO", mqttProxyConnected: false, mqttUplinkEnabled: true, mqttDownlinkEnabled: true)
                ConnectedDevice(deviceConnected: true, name: "MEMO", mqttProxyConnected: true, mqttUplinkEnabled: true, mqttDownlinkEnabled: true, mqttTopic: "msh/US/2/e/#")
                ConnectedDevice(deviceConnected: true, name: "MEMO", mqttProxyConnected: false, mqttUplinkEnabled: true, mqttDownlinkEnabled: false)
                ConnectedDevice(deviceConnected: true, name: "MEMO", mqttProxyConnected: true, mqttUplinkEnabled: true, mqttDownlinkEnabled: false)
                ConnectedDevice(deviceConnected: true, name: "MEMO", mqttProxyConnected: false, mqttUplinkEnabled: false, mqttDownlinkEnabled: true)
                ConnectedDevice(deviceConnected: true, name: "MEMO", mqttProxyConnected: true, mqttUplinkEnabled: false, mqttDownlinkEnabled: true)
                ConnectedDevice(deviceConnected: true, name: "MEMO", mqttProxyConnected: true)
                ConnectedDevice(deviceConnected: false, name: "MEMO", mqttProxyConnected: false)
            }.previewLayout(.fixed(width: 150, height: 275))
        }
}