-
-
Notifications
You must be signed in to change notification settings - Fork 45
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add ability to mute keywords from chat (#413)
* Added ability to mute keywords from chat * Muted words logic in widget, added Json Converter Created a json converter to to serialize the observable list of muted keywords, this required a static method for the default value. Also moved the logic for the muted keyword widget to the widget itself * Removed JSON Converter and ObservableList * remove unused imports --------- Co-authored-by: Tommy Chow <[email protected]>
- Loading branch information
1 parent
5276ddb
commit a761902
Showing
5 changed files
with
225 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,142 @@ | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:flutter_mobx/flutter_mobx.dart'; | ||
| import 'package:frosty/screens/settings/stores/settings_store.dart'; | ||
| import 'package:frosty/widgets/alert_message.dart'; | ||
|
|
||
| class SettingsMutedWords extends StatefulWidget { | ||
| final SettingsStore settingsStore; | ||
| const SettingsMutedWords({super.key, required this.settingsStore}); | ||
|
|
||
| @override | ||
| State<SettingsMutedWords> createState() => _SettingsMutedWordsState(); | ||
| } | ||
|
|
||
| class _SettingsMutedWordsState extends State<SettingsMutedWords> { | ||
| late final SettingsStore settingsStore; | ||
| final TextEditingController textController = TextEditingController(); | ||
| final FocusNode textFieldFocusNode = FocusNode(); | ||
|
|
||
| @override | ||
| void initState() { | ||
| settingsStore = widget.settingsStore; | ||
| super.initState(); | ||
| } | ||
|
|
||
| void addMutedWord(String text) { | ||
| settingsStore.mutedWords = [ | ||
| ...settingsStore.mutedWords, | ||
| text, | ||
| ]; | ||
|
|
||
| textController.clear(); | ||
| textFieldFocusNode.unfocus(); | ||
| } | ||
|
|
||
| void removeMutedWord(int index) { | ||
| settingsStore.mutedWords = [ | ||
| ...settingsStore.mutedWords..removeAt(index), | ||
| ]; | ||
| } | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return ListTile( | ||
| trailing: const Icon(Icons.edit), | ||
| title: const Text('Muted keywords'), | ||
| onTap: () => showModalBottomSheet( | ||
| isScrollControlled: true, | ||
| context: context, | ||
| builder: (context) => SizedBox( | ||
| height: MediaQuery.of(context).size.height * 0.8, | ||
| child: Observer( | ||
| builder: (context) { | ||
| return Column( | ||
| children: [ | ||
| Padding( | ||
| padding: const EdgeInsets.fromLTRB(12, 0, 12, 8), | ||
| child: TextField( | ||
| controller: textController, | ||
| focusNode: textFieldFocusNode, | ||
| onChanged: (value) { | ||
| textController.text = value; | ||
| }, | ||
| onSubmitted: (value) { | ||
| addMutedWord(value); | ||
| }, | ||
| autocorrect: false, | ||
| decoration: InputDecoration( | ||
| hintText: 'Enter keywords to mute', | ||
| suffixIcon: IconButton( | ||
| tooltip: textController.text.isEmpty | ||
| ? 'Cancel' | ||
| : 'Add keyword', | ||
| onPressed: () { | ||
| if (textController.text.isEmpty) { | ||
| textFieldFocusNode.unfocus(); | ||
| } else { | ||
| addMutedWord( | ||
| textController.text, | ||
| ); | ||
| } | ||
| }, | ||
| icon: const Icon(Icons.check), | ||
| ), | ||
| ), | ||
| ), | ||
| ), | ||
| if (settingsStore.mutedWords.isEmpty) | ||
| const Expanded( | ||
| child: AlertMessage( | ||
| message: 'No muted keywords', | ||
| ), | ||
| ), | ||
| Expanded( | ||
| child: ListView.builder( | ||
| itemCount: settingsStore.mutedWords.length, | ||
| itemBuilder: (context, index) { | ||
| return ListTile( | ||
| title: | ||
| Text(settingsStore.mutedWords.elementAt(index)), | ||
| trailing: IconButton( | ||
| icon: const Icon(Icons.delete), | ||
| onPressed: () { | ||
| // show confirmation dialog before deleting a keyword | ||
| showDialog( | ||
| context: context, | ||
| builder: (context) => AlertDialog( | ||
| title: const Text('Delete keyword'), | ||
| content: const Text( | ||
| 'Are you sure you want to delete this keyword?', | ||
| ), | ||
| actions: [ | ||
| TextButton( | ||
| onPressed: () { | ||
| Navigator.of(context).pop(); | ||
| }, | ||
| child: const Text('Cancel'), | ||
| ), | ||
| TextButton( | ||
| onPressed: () { | ||
| removeMutedWord(index); | ||
| Navigator.of(context).pop(); | ||
| }, | ||
| child: const Text('Delete'), | ||
| ), | ||
| ], | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ), | ||
| ], | ||
| ); | ||
| }, | ||
| ), | ||
| ), | ||
| ), | ||
| ); | ||
| } | ||
| } |