function BluetoothDeviceListItem()

in src/bluetooth/Bluetooth.tsx [130:168]

• 38 lines of code
• 1 McCabe index (conditional complexity)

function BluetoothDeviceListItem({
  item,
  colors,
  navigation,
}: BluetoothDeviceListItemProps) {
  return (
    <TouchableOpacity
      onPress={_e => {
        navigation.navigate(Pages.BLUETOOTH_DETAIL, {
          deviceId: item.id,
          deviceName: item.name ?? '',
        });
      }}>
      <ListItem bottomDivider containerStyle={{backgroundColor: colors.card}}>
        <ListItem.Content
          style={{
            ...styles.item,
            backgroundColor: colors.card,
          }}>
          <ListItem.Title style={{...styles.itemTitle, color: colors.text}}>
            {item.name}
          </ListItem.Title>

          <ListItem.Subtitle
            style={{...styles.subtitleContainer, color: colors.text}}>
            <View style={styles.subtitleContent}>
              <Icon
                name="signal"
                type="material-community"
                color={colors.text}
              />
              <Text style={styles.rssiText}>{item.rssi} dBm</Text>
            </View>
          </ListItem.Subtitle>
        </ListItem.Content>
      </ListItem>
    </TouchableOpacity>
  );
}