Add more tooltips & tweak buttons
This commit is contained in:
parent
412d1e9211
commit
f3688f3696
8 changed files with 33 additions and 21 deletions
|
|
@ -79,11 +79,12 @@ class _ChatState extends State<Chat> {
|
|||
builder: (_) => Visibility(
|
||||
visible: !chatStore.autoScroll,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 4.0),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
child: ElevatedButton.icon(
|
||||
onPressed: chatStore.resumeScroll,
|
||||
child: const Text('Resume Scroll'),
|
||||
label: const Text('Resume Scroll'),
|
||||
icon: const Icon(Icons.arrow_circle_down),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@ class ChatBottomBar extends StatelessWidget {
|
|||
children: [
|
||||
IconButton(
|
||||
icon: Icon(Icons.adaptive.more),
|
||||
tooltip: 'Chat Details',
|
||||
onPressed: () => showModalBottomSheet(
|
||||
isScrollControlled: true,
|
||||
context: context,
|
||||
|
|
@ -40,6 +41,7 @@ class ChatBottomBar extends StatelessWidget {
|
|||
},
|
||||
decoration: InputDecoration(
|
||||
suffixIcon: IconButton(
|
||||
tooltip: 'Emote Menu',
|
||||
icon: const Icon(Icons.emoji_emotions_outlined),
|
||||
onPressed: () {
|
||||
FocusManager.instance.primaryFocus?.unfocus();
|
||||
|
|
@ -59,6 +61,7 @@ class ChatBottomBar extends StatelessWidget {
|
|||
),
|
||||
),
|
||||
IconButton(
|
||||
tooltip: 'Send',
|
||||
icon: const Icon(Icons.send),
|
||||
onPressed: () => chatStore.sendMessage(chatStore.textController.text),
|
||||
)
|
||||
|
|
|
|||
|
|
@ -18,22 +18,20 @@ class ChatDetails extends StatelessWidget {
|
|||
Widget build(BuildContext context) {
|
||||
return SafeArea(
|
||||
child: Observer(
|
||||
builder: (_) {
|
||||
return Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 15.0),
|
||||
child: ChatModes(roomState: chatDetails.roomState),
|
||||
builder: (_) => Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 15.0),
|
||||
child: ChatModes(roomState: chatDetails.roomState),
|
||||
),
|
||||
Expanded(
|
||||
child: ChattersList(
|
||||
chatDetails: chatDetails,
|
||||
userLogin: userLogin,
|
||||
),
|
||||
Expanded(
|
||||
child: ChattersList(
|
||||
chatDetails: chatDetails,
|
||||
userLogin: userLogin,
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
},
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -70,9 +70,10 @@ class _ChattersListState extends State<ChattersList> {
|
|||
onChanged: (value) => setState(() {}),
|
||||
decoration: InputDecoration(
|
||||
isDense: true,
|
||||
hintText: 'Filter chatters',
|
||||
hintText: 'Filter',
|
||||
contentPadding: const EdgeInsets.all(10.0),
|
||||
suffixIcon: IconButton(
|
||||
tooltip: 'Clear Filter',
|
||||
onPressed: () => setState(() {
|
||||
_textController.clear();
|
||||
FocusManager.instance.primaryFocus?.unfocus();
|
||||
|
|
@ -137,7 +138,8 @@ class _ChattersListState extends State<ChattersList> {
|
|||
],
|
||||
),
|
||||
if (_showJumpButton)
|
||||
IconButton(
|
||||
ElevatedButton.icon(
|
||||
label: const Text('Scroll to Top'),
|
||||
onPressed: () => _scrollController.jumpTo(0.0),
|
||||
icon: const Icon(
|
||||
Icons.arrow_circle_up,
|
||||
|
|
|
|||
|
|
@ -35,14 +35,16 @@ class VideoOverlay extends StatelessWidget {
|
|||
children: [
|
||||
if (!videoStore.settingsStore.fullScreen)
|
||||
IconButton(
|
||||
tooltip: 'Back',
|
||||
icon: Icon(
|
||||
Icons.adaptive.arrow_back,
|
||||
color: const Color(0xFFFFFFFF),
|
||||
),
|
||||
onPressed: () => Navigator.of(context).pop(),
|
||||
onPressed: Navigator.of(context).pop,
|
||||
),
|
||||
const Spacer(),
|
||||
IconButton(
|
||||
tooltip: 'Settings',
|
||||
icon: const Icon(
|
||||
Icons.settings,
|
||||
color: Color(0xFFFFFFFF),
|
||||
|
|
@ -119,6 +121,7 @@ class VideoOverlay extends StatelessWidget {
|
|||
),
|
||||
if (Platform.isIOS)
|
||||
IconButton(
|
||||
tooltip: 'Picture-in-Picture',
|
||||
icon: const Icon(
|
||||
Icons.picture_in_picture_alt_rounded,
|
||||
color: Color(0xFFFFFFFF),
|
||||
|
|
@ -139,6 +142,7 @@ class VideoOverlay extends StatelessWidget {
|
|||
),
|
||||
Center(
|
||||
child: IconButton(
|
||||
tooltip: videoStore.paused ? 'Play' : 'Pause',
|
||||
iconSize: 50.0,
|
||||
icon: videoStore.paused
|
||||
? const Icon(
|
||||
|
|
|
|||
|
|
@ -53,6 +53,7 @@ class VideoChat extends StatelessWidget {
|
|||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
tooltip: 'Settings',
|
||||
icon: const Icon(Icons.settings),
|
||||
onPressed: () => showModalBottomSheet(
|
||||
context: context,
|
||||
|
|
|
|||
|
|
@ -58,6 +58,7 @@ class _HomeState extends State<Home> {
|
|||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
tooltip: 'Settings',
|
||||
icon: const Icon(Icons.settings),
|
||||
onPressed: () => Navigator.push(
|
||||
context,
|
||||
|
|
|
|||
|
|
@ -38,6 +38,7 @@ class _SearchState extends State<Search> {
|
|||
borderRadius: BorderRadius.all(Radius.circular(10.0)),
|
||||
),
|
||||
suffixIcon: IconButton(
|
||||
tooltip: 'Clear Search',
|
||||
onPressed: () {
|
||||
setState(() {
|
||||
textEditingController.clear();
|
||||
|
|
@ -77,6 +78,7 @@ class _SearchState extends State<Search> {
|
|||
leading: const Icon(Icons.history),
|
||||
title: Text(searchTerm),
|
||||
trailing: IconButton(
|
||||
tooltip: 'Remove',
|
||||
icon: const Icon(Icons.cancel),
|
||||
onPressed: () => setState(() {
|
||||
searchStore.searchHistory.removeAt(index);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue