fluffychat/lib/pages/device_settings/user_device_list_item.dart

import 'package:flutter/material.dart';

import 'package:adaptive_dialog/adaptive_dialog.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:matrix/matrix.dart';

import '../../utils/date_time_extension.dart';
import '../../utils/matrix_sdk_extensions/device_extension.dart';
import '../../widgets/matrix.dart';

enum UserDeviceListItemAction {
  rename,
  remove,
  verify,
  block,
  unblock,
}

class UserDeviceListItem extends StatelessWidget {
  final Device userDevice;
  final void Function(Device) remove;
  final void Function(Device) rename;
  final void Function(Device) verify;
  final void Function(Device) block;
  final void Function(Device) unblock;

  const UserDeviceListItem(
    this.userDevice, {
    required this.remove,
    required this.rename,
    required this.verify,
    required this.block,
    required this.unblock,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    final client = Matrix.of(context).client;
    final keys = client.userDeviceKeys[Matrix.of(context).client.userID]
        ?.deviceKeys[userDevice.deviceId];
    final isOwnDevice = userDevice.deviceId == client.deviceID;

    return ListTile(
      onTap: () async {
        final action = await showModalActionSheet<UserDeviceListItemAction>(
          context: context,
          title: '${userDevice.displayName} (${userDevice.deviceId})',
          actions: [
            SheetAction(
              key: UserDeviceListItemAction.rename,
              label: L10n.of(context)!.changeDeviceName,
            ),
            if (!isOwnDevice && keys != null) ...{
              SheetAction(
                key: UserDeviceListItemAction.verify,
                label: L10n.of(context)!.verifyStart,
              ),
              if (!keys.blocked)
                SheetAction(
                  key: UserDeviceListItemAction.block,
                  label: L10n.of(context)!.blockDevice,
                  isDestructiveAction: true,
                ),
              if (keys.blocked)
                SheetAction(
                  key: UserDeviceListItemAction.unblock,
                  label: L10n.of(context)!.unblockDevice,
                  isDestructiveAction: true,
                ),
            },
            if (!isOwnDevice)
              SheetAction(
                key: UserDeviceListItemAction.remove,
                label: L10n.of(context)!.delete,
                isDestructiveAction: true,
              ),
          ],
        );
        if (action == null) return;
        switch (action) {
          case UserDeviceListItemAction.rename:
            rename(userDevice);
            break;
          case UserDeviceListItemAction.remove:
            remove(userDevice);
            break;
          case UserDeviceListItemAction.verify:
            verify(userDevice);
            break;
          case UserDeviceListItemAction.block:
            block(userDevice);
            break;
          case UserDeviceListItemAction.unblock:
            unblock(userDevice);
            break;
        }
      },
      leading: CircleAvatar(
        foregroundColor: Colors.white,
        backgroundColor: keys == null
            ? Colors.grey[700]
            : keys.blocked
                ? Colors.red
                : keys.verified
                    ? Colors.green
                    : Colors.orange,
        child: Icon(userDevice.icon),
      ),
      title: Row(
        children: <Widget>[
          Expanded(
            child: Text(
              userDevice.displayname,
              maxLines: 1,
              overflow: TextOverflow.ellipsis,
            ),
          ),
          if (keys != null)
            Text(
              keys.blocked
                  ? L10n.of(context)!.blocked
                  : keys.verified
                      ? L10n.of(context)!.verified
                      : L10n.of(context)!.unverified,
              style: TextStyle(
                color: keys.blocked
                    ? Colors.red
                    : keys.verified
                        ? Colors.green
                        : Colors.orange,
              ),
            ),
        ],
      ),
      subtitle: Text(
        L10n.of(context)!.lastActiveAgo(
          DateTime.fromMillisecondsSinceEpoch(userDevice.lastSeenTs ?? 0)
              .localizedTimeShort(context),
        ),
        style: const TextStyle(fontWeight: FontWeight.w300),
      ),
    );
  }
}