mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-13 16:05:18 +00:00
6673e5a8a8
* feat: add riverpod based favorite album provider * feat: add album is saved, new releases and tracks providers * feat: add artist related providers * feat: add all categories providers * feat: add lyrics provider * feat: add playlist related providers * feat: add search provider * feat: add view and spotify friends provider * feat: add playlist create and update and favorite handlers * feat: use providers in home screen * chore: fix dart lint issues * feat: use new providers for playlist and albums screen * feat: use providers in artist page * feat: use providers on library page * feat: use provider for playlist and album card and heart button * feat: use provider in search page * feat: use providers in generate playlist * feat: use provider in lyrics screen * feat: use provider for create playlist * feat: use provider in add track dialog * feat: use providers in remaining pages and remove fl_query * fix: remove direct access to provider.value * fix: glitching when loading * fix: user album loading next page indicator * feat: make many provider autoDispose after 5 minutes of no usage * fix: ignore episodes in tracks
53 lines
1.4 KiB
Dart
53 lines
1.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
|
|
import 'package:popover/popover.dart';
|
|
import 'package:spotube/collections/spotube_icons.dart';
|
|
|
|
class CompactSearch extends HookWidget {
|
|
final ValueChanged<String>? onChanged;
|
|
final String placeholder;
|
|
final IconData icon;
|
|
final Color? iconColor;
|
|
|
|
const CompactSearch({
|
|
super.key,
|
|
this.onChanged,
|
|
this.placeholder = "Search...",
|
|
this.icon = SpotubeIcons.search,
|
|
this.iconColor,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return IconButton(
|
|
onPressed: () {
|
|
showPopover(
|
|
context: context,
|
|
backgroundColor: Theme.of(context).cardColor,
|
|
transitionDuration: const Duration(milliseconds: 100),
|
|
barrierColor: Colors.transparent,
|
|
arrowDxOffset: -6,
|
|
bodyBuilder: (context) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(8.0),
|
|
width: 300,
|
|
child: TextField(
|
|
autofocus: true,
|
|
onChanged: onChanged,
|
|
decoration: InputDecoration(
|
|
hintText: placeholder,
|
|
prefixIcon: Icon(icon),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
height: 60,
|
|
);
|
|
},
|
|
tooltip: placeholder,
|
|
icon: Icon(icon, color: iconColor),
|
|
);
|
|
}
|
|
}
|