welton/tatuchat
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: tema correto na lista de murais, borda nos itens de chat e ajustes no perfil

Browse Source
This commit is contained in:
Welton Moura
2026-09-23 12:14:18 -03:00
parent 48a50744de
commit c0463e51f9
3 changed files with 263 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
lib/pages/chat_list/chat_list_item.dart
View File

@@ -73,10 +73,15 @@ class ChatListItem extends StatelessWidget {
final space = this.space; final space = this.space;
return Padding( return Padding(
padding: const EdgeInsets.symmetric(horizontal: 8), padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
child: Material( child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(AppConfig.borderRadius), borderRadius: BorderRadius.circular(AppConfig.borderRadius),
clipBehavior: Clip.hardEdge, side: BorderSide(
color: theme.colorScheme.surfaceContainer,
width: 1.5,
),
), clipBehavior: Clip.hardEdge,
color: backgroundColor, color: backgroundColor,
child: FutureBuilder( child: FutureBuilder(
future: room.name.isEmpty ? room.loadHeroUsers() : null, future: room.name.isEmpty ? room.loadHeroUsers() : null,

52
lib/pages/chat_list/mural_list_item.dart
View File

@@ -2,7 +2,7 @@
// //
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
import 'package:flutter/material.dart'; import 'package:material_ui/material_ui.dart';
import 'package:matrix/matrix.dart'; import 'package:matrix/matrix.dart';
import 'package:tatchat/config/app_config.dart'; import 'package:tatchat/config/app_config.dart';
import 'package:tatchat/l10n/l10n.dart'; import 'package:tatchat/l10n/l10n.dart';
@@ -45,7 +45,7 @@ class MuralListItem extends StatelessWidget {
final isMuted = room.pushRuleState != PushRuleState.notify; final isMuted = room.pushRuleState != PushRuleState.notify;
final backgroundColor = activeChat final backgroundColor = activeChat
? theme.colorScheme.secondaryContainer ? theme.colorScheme.secondaryContainer
: theme.colorScheme.surfaceContainerLow; : theme.colorScheme.surface;
final description = this.description; final description = this.description;
final creatorName = this.creatorName; final creatorName = this.creatorName;
final followers = room.summary.mJoinedMemberCount ?? 0; final followers = room.summary.mJoinedMemberCount ?? 0;
@@ -56,7 +56,13 @@ class MuralListItem extends StatelessWidget {
return Padding( return Padding(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
child: Material( child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(AppConfig.borderRadius), borderRadius: BorderRadius.circular(AppConfig.borderRadius),
side: BorderSide(
color: theme.colorScheme.surfaceContainer,
width: 1.5,
),
),
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
color: backgroundColor, color: backgroundColor,
child: InkWell( child: InkWell(
@@ -79,6 +85,13 @@ class MuralListItem extends StatelessWidget {
shapeBorder: const CircleBorder(), shapeBorder: const CircleBorder(),
), ),
const SizedBox(width: 12), const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
Expanded( Expanded(
flex: 3, flex: 3,
child: Text( child: Text(
@@ -93,7 +106,10 @@ class MuralListItem extends StatelessWidget {
if (isMuted) if (isMuted)
const Padding( const Padding(
padding: EdgeInsets.only(left: 4), padding: EdgeInsets.only(left: 4),
child: Icon(Icons.notifications_off_outlined, size: 16), child: Icon(
Icons.notifications_off_outlined,
size: 16,
),
), ),
if (room.isFavourite) if (room.isFavourite)
Padding( Padding(
@@ -104,8 +120,14 @@ class MuralListItem extends StatelessWidget {
color: theme.colorScheme.primary, color: theme.colorScheme.primary,
), ),
), ),
if (creatorName != null && creatorName.isNotEmpty) ...[ ],
const SizedBox(width: 12), ),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
if (creatorName != null &&
creatorName.isNotEmpty) ...[
// const SizedBox(width: 12),
Flexible( Flexible(
flex: 1, flex: 1,
child: Text( child: Text(
@@ -118,14 +140,26 @@ class MuralListItem extends StatelessWidget {
), ),
), ),
], ],
const SizedBox(width: 8), const Spacer(),
Row(
children: [
Icon( Icon(
Icons.group_outlined, Icons.group_outlined,
size: 16, size: 16,
color: theme.colorScheme.onSurfaceVariant, color: theme.colorScheme.onSurfaceVariant,
), ),
const SizedBox(width: 4), const SizedBox(width: 2),
Text(l10n.countFollowers(followers), style: mutedStyle), Text(
l10n.countFollowers(followers),
style: mutedStyle,
),
],
),
],
),
],
),
),
], ],
), ),
if (description != null && description.isNotEmpty) if (description != null && description.isNotEmpty)
@@ -133,7 +167,7 @@ class MuralListItem extends StatelessWidget {
padding: const EdgeInsets.only(top: 8), padding: const EdgeInsets.only(top: 8),
child: Text( child: Text(
description, description,
maxLines: 2, maxLines: 3,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
style: theme.textTheme.bodySmall?.copyWith( style: theme.textTheme.bodySmall?.copyWith(
color: theme.colorScheme.onSurfaceVariant, color: theme.colorScheme.onSurfaceVariant,

32
lib/widgets/self_profile_dialog.dart
View File

@@ -236,13 +236,17 @@ class _SelfProfileDialogState extends State<SelfProfileDialog> {
final userId = client.userID; final userId = client.userID;
final l10n = L10n.of(context); final l10n = L10n.of(context);
_profileFuture ??= client.fetchOwnProfile(); _profileFuture ??= client.fetchOwnProfile();
return AlertDialog.adaptive( return AlertDialog.adaptive(
insetPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
content: SingleChildScrollView( content: SingleChildScrollView(
child: SizedBox(
width: MediaQuery.of(context).size.width > 720 ? 420 : MediaQuery.of(context).size.width,
child: ConstrainedBox( child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 420), constraints: const BoxConstraints(maxWidth: 800),
child: Column( child: Column(
mainAxisSize: .min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: .stretch, crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
FutureBuilder<Profile>( FutureBuilder<Profile>(
future: _profileFuture, future: _profileFuture,
@@ -255,7 +259,7 @@ class _SelfProfileDialogState extends State<SelfProfileDialog> {
children: [ children: [
Center( Center(
child: Stack( child: Stack(
alignment: .center, alignment: Alignment.center,
children: [ children: [
Avatar( Avatar(
mxContent: avatar, mxContent: avatar,
@@ -265,7 +269,8 @@ class _SelfProfileDialogState extends State<SelfProfileDialog> {
onTap: avatar != null onTap: avatar != null
? () => showDialog( ? () => showDialog(
context: context, context: context,
builder: (_) => MxcImageViewer(avatar), builder: (_) =>
MxcImageViewer(avatar),
) )
: null, : null,
), ),
@@ -282,8 +287,8 @@ class _SelfProfileDialogState extends State<SelfProfileDialog> {
width: 30, width: 30,
height: 30, height: 30,
child: Icon( child: Icon(
Icons.edit_outlined, Icons.camera_alt_outlined,
size: 16, size: 18,
color: theme.colorScheme.onPrimary, color: theme.colorScheme.onPrimary,
), ),
), ),
@@ -302,7 +307,7 @@ class _SelfProfileDialogState extends State<SelfProfileDialog> {
tooltip: l10n.editDisplayname, tooltip: l10n.editDisplayname,
onEdit: _editDisplayName, onEdit: _editDisplayName,
), ),
const SizedBox(height: 8), const SizedBox(height: 0),
_EditableLine( _EditableLine(
text: _statusMsg?.trim().isNotEmpty == true text: _statusMsg?.trim().isNotEmpty == true
? _statusMsg! ? _statusMsg!
@@ -372,13 +377,13 @@ class _SelfProfileDialogState extends State<SelfProfileDialog> {
vertical: 8, vertical: 8,
), ),
child: Row( child: Row(
mainAxisSize: .min, mainAxisSize: MainAxisSize.min,
children: [ children: [
Flexible( Flexible(
child: Text( child: Text(
userId, userId,
maxLines: 1, maxLines: 1,
overflow: .ellipsis, overflow: TextOverflow.ellipsis,
style: theme.textTheme.bodySmall?.copyWith( style: theme.textTheme.bodySmall?.copyWith(
fontFamily: 'RobotoMono', fontFamily: 'RobotoMono',
color: theme.colorScheme.onSurfaceVariant, color: theme.colorScheme.onSurfaceVariant,
@@ -426,6 +431,7 @@ class _SelfProfileDialogState extends State<SelfProfileDialog> {
), ),
), ),
), ),
),
); );
} }
} }
@@ -448,14 +454,14 @@ class _EditableLine extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Row( return Row(
mainAxisAlignment: .center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Flexible( Flexible(
child: Text( child: Text(
text, text,
maxLines: 3, maxLines: 3,
overflow: .ellipsis, overflow: TextOverflow.ellipsis,
textAlign: .center, textAlign: TextAlign.center,
style: style, style: style,
), ),
), ),