Add more tooltips & tweak buttons

This commit is contained in:
Tommy Chow 2022-01-06 04:31:52 -05:00
parent 412d1e9211
commit f3688f3696
8 changed files with 33 additions and 21 deletions

View file

@ -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),
),
),
),

View file

@ -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),
)

View file

@ -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,
),
)
],
);
},
)
],
),
),
);
}

View file

@ -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,

View file

@ -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(

View file

@ -53,6 +53,7 @@ class VideoChat extends StatelessWidget {
),
actions: [
IconButton(
tooltip: 'Settings',
icon: const Icon(Icons.settings),
onPressed: () => showModalBottomSheet(
context: context,

View file

@ -58,6 +58,7 @@ class _HomeState extends State<Home> {
),
actions: [
IconButton(
tooltip: 'Settings',
icon: const Icon(Icons.settings),
onPressed: () => Navigator.push(
context,

View file

@ -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);