* Use adaptive refresh indicators
* Add new message count indicator in chat
* Sync pubspec.lock
* Initial migration to material 3
* Restore default bottom sheet style
* Remove FrostyListTile and reset styles
* Use "Clear" button for all search history
* Add `require_trailing_commas` lint rule
* Exclude generated files from linter
* Use ListView for safe area support in bottom sheet
* Add initial dark theme
* Make sizing and units consistent
* Update onbaording spacings & copy
* Migrate to default material 3 buttons
* Add headers to chat details bottom sheet
* Simplify token log in method
* Use bottom sheet for account options
* Remove `AnimateScale` widget
* Tweak search paddings
* Update message spacing divisions
* Upgrade packages
* Update message spacing divisions
* Regenerate splash screens
* Update Inter & add google fonts
* Add initial material 3 themes
* Use adaptive alert dialogs
* Revert to oultined inputs
* Fix tooltip message
* Revert add google_fonts
* Improve themes and various styling
* Convert categories grid to list
* Tweak stream card thumbnail radii
* Tweak settings headers
* Left align floating snackbars
* Tweak search header padding
* Fix profile pics occasionally not rounded
* Use profile pic for settings button if logged in
* Redesign sleep timer
* Use divider theme and reduce thickness
* Use 0 letter spacing for tab bar titles
* Redesign category streams list
* Add border to tooltips
* Increase category card font weight
* Use outlined icon btton for chat user modal
* Reduce profile pic radius in search results
* Fix scrolll to top button safe area
* Add support for reply threads
* Reduce tooltip and snackbar border thickness
* Rebuild reply threads on new messages
* Upgrade packages (iOS)
* Reduce font weight for all chat alerts
* Use tabbars for pageview
* Add dividers everywhere
* Revert "Add dividers everywhere"
This reverts commit 5f0d349fdb.
* Remove fill from inputs
* Add dividers to settings
* Use segmented button for settings list
* Add scrollbar to lists with scrollcontroller
* Redesign badge/emote tooltip
* Remove outline from chat user modal buttons
* Remove divider from reply thread
* Use tap for chatters list and increase font weight
* Constrain emote tooltip width
83 lines
3.1 KiB
Dart
83 lines
3.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:frosty/constants.dart';
|
|
import 'package:frosty/screens/channel/chat/stores/chat_store.dart';
|
|
import 'package:frosty/screens/settings/stores/settings_store.dart';
|
|
import 'package:frosty/widgets/alert_message.dart';
|
|
import 'package:frosty/widgets/cached_image.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class RecentEmotesPanel extends StatelessWidget {
|
|
final ChatStore chatStore;
|
|
|
|
const RecentEmotesPanel({
|
|
Key? key,
|
|
required this.chatStore,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return CustomScrollView(
|
|
slivers: [
|
|
if (chatStore.assetsStore.recentEmotes.isEmpty)
|
|
const SliverFillRemaining(
|
|
hasScrollBody: false,
|
|
child: AlertMessage(message: 'No recent emotes'),
|
|
)
|
|
else
|
|
SliverGrid(
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount:
|
|
MediaQuery.of(context).orientation == Orientation.portrait
|
|
? 8
|
|
: context.read<SettingsStore>().showVideo
|
|
? 6
|
|
: 16,
|
|
),
|
|
delegate: SliverChildBuilderDelegate(
|
|
(context, index) {
|
|
final emote = chatStore.assetsStore.recentEmotes[index];
|
|
final validEmotes = [
|
|
...chatStore.assetsStore.emoteToObject.values,
|
|
...chatStore.assetsStore.userEmoteToObject.values,
|
|
];
|
|
final matchingEmotes = validEmotes.where(
|
|
(existingEmote) =>
|
|
existingEmote.name == emote.name &&
|
|
existingEmote.type == emote.type,
|
|
);
|
|
|
|
return InkWell(
|
|
onTap: matchingEmotes.isNotEmpty
|
|
? () => chatStore.addEmote(emote)
|
|
: null,
|
|
child: Tooltip(
|
|
message: emote.name,
|
|
preferBelow: false,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Center(
|
|
child: FrostyCachedNetworkImage(
|
|
imageUrl: matchingEmotes.isNotEmpty
|
|
? matchingEmotes.first.url
|
|
: emote.url,
|
|
color: matchingEmotes.isNotEmpty
|
|
? null
|
|
: const Color.fromRGBO(255, 255, 255, 0.5),
|
|
colorBlendMode: matchingEmotes.isNotEmpty
|
|
? null
|
|
: BlendMode.modulate,
|
|
height: emote.height?.toDouble() ?? defaultEmoteSize,
|
|
width: emote.width?.toDouble(),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
childCount: chatStore.assetsStore.recentEmotes.length,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|