Files
notas/lib/widgets/sync_status_indicator.dart
T

95 lines
2.0 KiB
Dart

import 'package:flutter/material.dart';
enum SyncStatus {
idle,
syncing,
synced,
error,
}
class SyncStatusIndicator extends StatelessWidget {
const SyncStatusIndicator({
required this.status,
this.errorMessage,
this.onTap,
super.key,
});
final SyncStatus status;
final String? errorMessage;
final VoidCallback? onTap;
Widget _buildIndicator(Widget child) {
if (onTap == null) {
return child;
}
return MouseRegion(
cursor: SystemMouseCursors.click,
child: GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: onTap,
child: child,
),
);
}
@override
Widget build(BuildContext context) {
switch (status) {
case SyncStatus.idle:
return Tooltip(
message: 'Sincronización en espera',
child: _buildIndicator(
const Icon(
Icons.cloud_outlined,
size: 16,
color: Colors.white38,
),
),
);
case SyncStatus.syncing:
return Tooltip(
message: 'Sincronizando...',
child: _buildIndicator(
const SizedBox(
width: 16,
height: 16,
child: CircularProgressIndicator(
strokeWidth: 2,
valueColor: AlwaysStoppedAnimation<Color>(
Color.fromARGB(255, 150, 150, 150),
),
),
),
),
);
case SyncStatus.synced:
return Tooltip(
message: 'Sincronizado',
child: _buildIndicator(
const Icon(
Icons.check_circle,
size: 16,
color: Colors.green,
),
),
);
case SyncStatus.error:
return Tooltip(
message: errorMessage ?? 'Error al sincronizar',
child: _buildIndicator(
const Icon(
Icons.error,
size: 16,
color: Colors.red,
),
),
);
}
}
}