127 lines
3.5 KiB
Dart
127 lines
3.5 KiB
Dart
/// Account Menu Item Widget
|
|
///
|
|
/// A reusable menu item component for the account page.
|
|
/// Displays an icon, title, optional subtitle, and trailing widget with tap interaction.
|
|
library;
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
|
import 'package:worker/core/constants/ui_constants.dart';
|
|
|
|
/// Account Menu Item Widget
|
|
///
|
|
/// Creates a list item with:
|
|
/// - Circular icon background on the left
|
|
/// - Title and optional subtitle in the center
|
|
/// - Trailing widget (default: chevron right) on the right
|
|
/// - Tap ripple effect
|
|
class AccountMenuItem extends StatelessWidget {
|
|
/// Icon to display
|
|
final IconData icon;
|
|
|
|
/// Title text (required)
|
|
final String title;
|
|
|
|
/// Optional subtitle text
|
|
final String? subtitle;
|
|
|
|
/// Tap callback
|
|
final VoidCallback onTap;
|
|
|
|
/// Optional custom trailing widget (defaults to chevron right arrow)
|
|
final Widget? trailing;
|
|
|
|
/// Icon background color (defaults to light blue)
|
|
final Color? iconBackgroundColor;
|
|
|
|
/// Icon color (defaults to primary blue)
|
|
final Color? iconColor;
|
|
|
|
const AccountMenuItem({
|
|
super.key,
|
|
required this.icon,
|
|
required this.title,
|
|
this.subtitle,
|
|
required this.onTap,
|
|
this.trailing,
|
|
this.iconBackgroundColor,
|
|
this.iconColor,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
|
|
return InkWell(
|
|
onTap: onTap,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: AppSpacing.md,
|
|
vertical: AppSpacing.md,
|
|
),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(color: colorScheme.outlineVariant, width: 1.0),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
// Icon with circular background
|
|
Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: iconBackgroundColor ?? colorScheme.primaryContainer,
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Center(
|
|
child: FaIcon(
|
|
icon,
|
|
size: 18,
|
|
color: iconColor ?? colorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: AppSpacing.md),
|
|
|
|
// Title and subtitle
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.w500,
|
|
color: colorScheme.onSurface,
|
|
),
|
|
),
|
|
if (subtitle != null) ...[
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
subtitle!,
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
|
|
// Trailing widget (default: chevron)
|
|
trailing ??
|
|
FaIcon(
|
|
FontAwesomeIcons.chevronRight,
|
|
size: 18,
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|