onyx-tasks/apps/flutter/lib/widgets/new_task_bar.dart

60 lines
1.6 KiB
Dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/app_provider.dart';
class NewTaskBar extends StatefulWidget {
const NewTaskBar({super.key});
@override
State<NewTaskBar> createState() => _NewTaskBarState();
}
class _NewTaskBarState extends State<NewTaskBar> {
final _controller = TextEditingController();
@override
void dispose() {
_controller.dispose();
super.dispose();
}
void _submit() {
final title = _controller.text.trim();
if (title.isEmpty) return;
context.read<AppProvider>().createTask(title);
_controller.clear();
}
@override
Widget build(BuildContext context) {
final app = context.watch<AppProvider>();
final theme = Theme.of(context);
return Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: BoxDecoration(
border: Border(top: BorderSide(color: theme.dividerTheme.color ?? theme.dividerColor)),
),
child: Row(
children: [
Expanded(
child: TextField(
controller: _controller,
enabled: app.activeListId != null,
decoration: InputDecoration(
hintText: app.activeListId != null ? 'Add a task...' : 'Select a list first',
),
onSubmitted: (_) => _submit(),
),
),
const SizedBox(width: 8),
FloatingActionButton.small(
onPressed: _submit,
child: const Icon(Icons.add),
),
],
),
);
}
}