Santo Shakil
7aba6c3f88
* feat(mobile): delete passkeys * fix(mobile): refresh the passkey list from the store after a delete
64 lines
2.3 KiB
Dart
64 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/data/store.dart';
|
|
import 'package:immich_mobile/domain/models/passkey.model.dart';
|
|
import 'package:immich_mobile/extensions/build_context_extensions.dart';
|
|
import 'package:immich_mobile/extensions/datetime_extensions.dart';
|
|
import 'package:immich_mobile/generated/translations.g.dart';
|
|
import 'package:immich_mobile/presentation/actions/action.widget.dart';
|
|
import 'package:immich_mobile/presentation/actions/passkey.action.dart';
|
|
import 'package:immich_ui/immich_ui.dart';
|
|
|
|
class PasskeySettings extends ConsumerWidget {
|
|
const PasskeySettings({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final passkeys = ref.watch(Store.passkeys.all()).valueOrNull;
|
|
|
|
return ListView(
|
|
children: [
|
|
const Padding(
|
|
padding: .symmetric(horizontal: 20, vertical: 16),
|
|
child: ActionButton(action: PasskeyCreateAction(), variant: .filled),
|
|
),
|
|
if (passkeys == null)
|
|
const Center(child: CircularProgressIndicator())
|
|
else if (passkeys.isNotEmpty) ...[
|
|
SettingsSubTitle(title: context.t.passkeys_on_server),
|
|
Padding(
|
|
padding: const .fromLTRB(20, 4, 20, 0),
|
|
child: Text(context.t.passkeys_on_server_description, style: context.textTheme.bodySmall),
|
|
),
|
|
for (final passkey in passkeys) _PasskeyTile(key: ValueKey(passkey.id), passkey: passkey),
|
|
],
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _PasskeyTile extends StatelessWidget {
|
|
const _PasskeyTile({super.key, required this.passkey});
|
|
|
|
final Passkey passkey;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final created = passkey.createdAt.toLocal().formatDate();
|
|
final lastUsed = passkey.usedAt?.toLocal().formatDate() ?? context.t.never;
|
|
|
|
return ListTile(
|
|
contentPadding: const .symmetric(horizontal: 20),
|
|
title: Text(passkey.name ?? context.t.passkeys(count: 1)),
|
|
subtitle: Text('${context.t.created} $created • ${context.t.last_used} $lastUsed'),
|
|
trailing: Row(
|
|
mainAxisSize: .min,
|
|
children: [
|
|
ActionIconButton(action: PasskeyRenameAction(passkey: passkey)),
|
|
ActionIconButton(action: PasskeyDeleteAction(passkey: passkey)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|