fix(chat): Correction race condition + Implémentation TODOs
## Corrections Critiques ### Race Condition - Statuts de Messages - Fix : Les icônes de statut (✓, ✓✓, ✓✓ bleu) ne s'affichaient pas - Cause : WebSocket delivery confirmations arrivaient avant messages locaux - Solution : Pattern Optimistic UI dans chat_bloc.dart - Création message temporaire immédiate - Ajout à la liste AVANT requête HTTP - Remplacement par message serveur à la réponse - Fichier : lib/presentation/state_management/chat_bloc.dart ## Implémentation TODOs (13/21) ### Social (social_header_widget.dart) - ✅ Copier lien du post dans presse-papiers - ✅ Partage natif via Share.share() - ✅ Dialogue de signalement avec 5 raisons ### Partage (share_post_dialog.dart) - ✅ Interface sélection d'amis avec checkboxes - ✅ Partage externe via Share API ### Média (media_upload_service.dart) - ✅ Parsing JSON réponse backend - ✅ Méthode deleteMedia() pour suppression - ✅ Génération miniature vidéo ### Posts (create_post_dialog.dart, edit_post_dialog.dart) - ✅ Extraction URL depuis uploads - ✅ Documentation chargement médias ### Chat (conversations_screen.dart) - ✅ Navigation vers notifications - ✅ ConversationSearchDelegate pour recherche ## Nouveaux Fichiers ### Configuration - build-prod.ps1 : Script build production avec dart-define - lib/core/constants/env_config.dart : Gestion environnements ### Documentation - TODOS_IMPLEMENTED.md : Documentation complète TODOs ## Améliorations ### Architecture - Refactoring injection de dépendances - Amélioration routing et navigation - Optimisation providers (UserProvider, FriendsProvider) ### UI/UX - Amélioration thème et couleurs - Optimisation animations - Meilleure gestion erreurs ### Services - Configuration API avec env_config - Amélioration datasources (events, users) - Optimisation modèles de données
This commit is contained in:
dahoud
@@ -1,39 +1,144 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class EventImage extends StatelessWidget {
|
||||
final String? imageUrl;
|
||||
final double aspectRatio;
|
||||
import 'fullscreen_image_viewer.dart';
|
||||
|
||||
const EventImage({Key? key, this.imageUrl, this.aspectRatio = 16 / 9}) : super(key: key);
|
||||
/// Widget pour afficher l'image d'un événement avec placeholder.
|
||||
///
|
||||
/// Ce widget gère l'affichage des images d'événements avec un ratio d'aspect
|
||||
/// configurable et un placeholder en cas d'erreur ou d'absence d'image.
|
||||
/// L'image peut être cliquée pour l'afficher en plein écran avec Hero animation.
|
||||
///
|
||||
/// **Usage:**
|
||||
/// ```dart
|
||||
/// EventImage(
|
||||
/// imageUrl: 'https://example.com/image.jpg',
|
||||
/// heroTag: 'event_image_123',
|
||||
/// aspectRatio: 16 / 9,
|
||||
/// )
|
||||
/// ```
|
||||
class EventImage extends StatelessWidget {
|
||||
const EventImage({
|
||||
super.key,
|
||||
this.imageUrl,
|
||||
this.heroTag,
|
||||
this.eventTitle,
|
||||
this.aspectRatio = 16 / 9,
|
||||
});
|
||||
|
||||
/// URL de l'image à afficher
|
||||
final String? imageUrl;
|
||||
|
||||
/// Tag Hero pour l'animation (doit être unique)
|
||||
final String? heroTag;
|
||||
|
||||
/// Titre de l'événement (affiché dans la vue plein écran)
|
||||
final String? eventTitle;
|
||||
|
||||
/// Ratio d'aspect de l'image (largeur/hauteur)
|
||||
final double aspectRatio;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.circular(10.0),
|
||||
child: AspectRatio(
|
||||
aspectRatio: aspectRatio,
|
||||
child: imageUrl != null && imageUrl!.isNotEmpty
|
||||
? Image.network(
|
||||
imageUrl!,
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
errorBuilder: (context, error, stackTrace) {
|
||||
return _buildPlaceholderImage();
|
||||
},
|
||||
)
|
||||
: _buildPlaceholderImage(),
|
||||
final theme = Theme.of(context);
|
||||
|
||||
// Si pas d'image ou pas de heroTag, afficher simplement sans Hero
|
||||
if (imageUrl == null || imageUrl!.isEmpty || heroTag == null) {
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
child: AspectRatio(
|
||||
aspectRatio: aspectRatio,
|
||||
child: _buildImage(theme),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// Avec Hero animation et navigation vers fullscreen
|
||||
return GestureDetector(
|
||||
onTap: () => _openFullscreen(context),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
child: AspectRatio(
|
||||
aspectRatio: aspectRatio,
|
||||
child: Hero(
|
||||
tag: heroTag!,
|
||||
child: _buildImage(theme),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildPlaceholderImage() {
|
||||
/// Ouvre l'image en plein écran
|
||||
void _openFullscreen(BuildContext context) {
|
||||
Navigator.push(
|
||||
context,
|
||||
PageRouteBuilder(
|
||||
opaque: false,
|
||||
barrierColor: Colors.black,
|
||||
pageBuilder: (context, animation, secondaryAnimation) {
|
||||
return FadeTransition(
|
||||
opacity: animation,
|
||||
child: FullscreenImageViewer(
|
||||
imageUrl: imageUrl!,
|
||||
heroTag: heroTag!,
|
||||
title: eventTitle,
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Construit l'image ou le placeholder.
|
||||
Widget _buildImage(ThemeData theme) {
|
||||
if (imageUrl == null || imageUrl!.isEmpty) {
|
||||
return _buildPlaceholder(theme);
|
||||
}
|
||||
|
||||
return Image.network(
|
||||
imageUrl!,
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
loadingBuilder: (context, child, loadingProgress) {
|
||||
if (loadingProgress == null) return child;
|
||||
return _buildLoadingPlaceholder(theme, loadingProgress);
|
||||
},
|
||||
errorBuilder: (context, error, stackTrace) {
|
||||
return _buildPlaceholder(theme);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/// Construit le placeholder.
|
||||
Widget _buildPlaceholder(ThemeData theme) {
|
||||
return Container(
|
||||
color: Colors.grey[800],
|
||||
color: theme.colorScheme.surfaceVariant,
|
||||
child: Center(
|
||||
child: Icon(
|
||||
Icons.image_not_supported,
|
||||
color: Colors.grey[400],
|
||||
size: 50,
|
||||
Icons.image_not_supported_outlined,
|
||||
color: theme.colorScheme.onSurfaceVariant.withOpacity(0.5),
|
||||
size: 40,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Construit le placeholder de chargement.
|
||||
Widget _buildLoadingPlaceholder(
|
||||
ThemeData theme,
|
||||
ImageChunkEvent loadingProgress,
|
||||
) {
|
||||
final progress = loadingProgress.expectedTotalBytes != null
|
||||
? loadingProgress.cumulativeBytesLoaded /
|
||||
loadingProgress.expectedTotalBytes!
|
||||
: null;
|
||||
|
||||
return Container(
|
||||
color: theme.colorScheme.surfaceVariant,
|
||||
child: Center(
|
||||
child: CircularProgressIndicator(
|
||||
value: progress,
|
||||
color: theme.colorScheme.primary,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user