mirror of
https://gitlab.com/famedly/fluffychat.git
synced 2024-11-27 14:59:29 +01:00
style: Nicer chips in encryption settings and icons showing device status
This commit is contained in:
parent
92fa8e1ca5
commit
4c91ea6002
@ -79,8 +79,8 @@ class ChatEncryptionSettingsView extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
StreamBuilder(
|
StreamBuilder(
|
||||||
stream: room.onUpdate.stream,
|
stream: room.onUpdate.stream,
|
||||||
builder: (context, snapshot) =>
|
builder: (context, snapshot) => FutureBuilder<
|
||||||
FutureBuilder<List<DeviceKeys>>(
|
List<DeviceKeys>>(
|
||||||
future: room.getUserDeviceKeys(),
|
future: room.getUserDeviceKeys(),
|
||||||
builder: (BuildContext context, snapshot) {
|
builder: (BuildContext context, snapshot) {
|
||||||
if (snapshot.hasError) {
|
if (snapshot.hasError) {
|
||||||
@ -105,35 +105,66 @@ class ChatEncryptionSettingsView extends StatelessWidget {
|
|||||||
activeColor: deviceKeys[i].verified
|
activeColor: deviceKeys[i].verified
|
||||||
? Colors.green
|
? Colors.green
|
||||||
: Colors.orange,
|
: Colors.orange,
|
||||||
onChanged: (_) => controller
|
onChanged: (_) =>
|
||||||
.toggleDeviceKey(deviceKeys[i]),
|
controller.toggleDeviceKey(deviceKeys[i]),
|
||||||
title: Row(
|
title: Row(
|
||||||
children: [
|
children: [
|
||||||
Expanded(
|
Icon(
|
||||||
child: Text(
|
deviceKeys[i].verified
|
||||||
|
? Icons.verified_outlined
|
||||||
|
: deviceKeys[i].blocked
|
||||||
|
? Icons.block_outlined
|
||||||
|
: Icons.info_outlined,
|
||||||
|
color: deviceKeys[i].verified
|
||||||
|
? Colors.green
|
||||||
|
: deviceKeys[i].blocked
|
||||||
|
? Colors.red
|
||||||
|
: Colors.orange,
|
||||||
|
size: 20,
|
||||||
|
),
|
||||||
|
Text(
|
||||||
deviceKeys[i].deviceId ??
|
deviceKeys[i].deviceId ??
|
||||||
L10n.of(context)!.unknownDevice,
|
L10n.of(context)!.unknownDevice,
|
||||||
),
|
),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Expanded(
|
||||||
|
child: Align(
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
child: Material(
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(
|
||||||
|
AppConfig.borderRadius),
|
||||||
|
side: BorderSide(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.colorScheme
|
||||||
|
.primary,
|
||||||
),
|
),
|
||||||
Padding(
|
),
|
||||||
padding: const EdgeInsets.symmetric(
|
color: Theme.of(context)
|
||||||
vertical: 4.0),
|
.colorScheme
|
||||||
child: Chip(
|
.primaryContainer,
|
||||||
label: Text(
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: Text(
|
||||||
deviceKeys[i].userId,
|
deviceKeys[i].userId,
|
||||||
style: const TextStyle(
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: TextStyle(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.colorScheme
|
||||||
|
.primary,
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
fontStyle: FontStyle.italic,
|
fontStyle: FontStyle.italic,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
subtitle: Text(
|
subtitle: Text(
|
||||||
deviceKeys[i]
|
deviceKeys[i].ed25519Key?.replaceAllMapped(
|
||||||
.ed25519Key
|
|
||||||
?.replaceAllMapped(
|
|
||||||
RegExp(r'.{4}'),
|
RegExp(r'.{4}'),
|
||||||
(s) => '${s.group(0)} ') ??
|
(s) => '${s.group(0)} ') ??
|
||||||
L10n.of(context)!
|
L10n.of(context)!
|
||||||
|
@ -2277,5 +2277,5 @@ packages:
|
|||||||
source: hosted
|
source: hosted
|
||||||
version: "3.1.1"
|
version: "3.1.1"
|
||||||
sdks:
|
sdks:
|
||||||
dart: ">=2.19.0 <4.0.0"
|
dart: ">=2.19.0 <3.0.0"
|
||||||
flutter: ">=3.4.0-17.0.pre"
|
flutter: ">=3.4.0-17.0.pre"
|
||||||
|
Loading…
Reference in New Issue
Block a user