58 lines
2.1 KiB
Dart
58 lines
2.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_redux/flutter_redux.dart';
|
|
import 'package:invoiceninja_flutter/data/models/entities.dart';
|
|
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
|
|
import 'package:invoiceninja_flutter/redux/ui/list_ui_state.dart';
|
|
import 'package:invoiceninja_flutter/utils/localization.dart';
|
|
import 'package:redux/redux.dart';
|
|
|
|
class AppSearch extends StatelessWidget {
|
|
final EntityType entityType;
|
|
final String search;
|
|
final Function(String) onSearchChanged;
|
|
|
|
const AppSearch({
|
|
this.entityType,
|
|
this.search,
|
|
this.onSearchChanged,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final localization = AppLocalization.of(context);
|
|
|
|
return StoreConnector<AppState, ListUIState>(
|
|
converter: (Store<AppState> store) =>
|
|
store.state.getListState(entityType),
|
|
builder: (BuildContext context, listUIState) {
|
|
return listUIState.search == null
|
|
? Text(localization.lookup(entityType.plural.toString()))
|
|
: Container(
|
|
padding: const EdgeInsets.only(left: 8.0),
|
|
height: 38.0,
|
|
margin: EdgeInsets.only(bottom: 2.0),
|
|
decoration: BoxDecoration(
|
|
color: listUIState.search != null &&
|
|
listUIState.search.isNotEmpty
|
|
? Colors.yellow[200]
|
|
: Colors.grey[100],
|
|
border: Border.all(color: Colors.grey[400], width: 1.0),
|
|
borderRadius: BorderRadius.circular(6.0)),
|
|
child: TextField(
|
|
decoration: InputDecoration(
|
|
prefixIcon: Padding(
|
|
padding: EdgeInsets.only(right: 8.0),
|
|
child: Icon(Icons.search),
|
|
),
|
|
border: InputBorder.none,
|
|
hintText: localization.search),
|
|
autofocus: true,
|
|
autocorrect: false,
|
|
onChanged: (value) => onSearchChanged(value),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|