feat: media upload ui #721
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or 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 hidden or 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,119 @@ | ||
| import 'dart:async'; | ||
| import 'package:flutter_riverpod/flutter_riverpod.dart'; | ||
| import 'package:logging/logging.dart'; | ||
| import 'package:whitenoise/domain/services/draft_message_service.dart'; | ||
| import 'package:whitenoise/domain/services/image_picker_service.dart'; | ||
| import 'package:whitenoise/ui/chat/states/chat_input_state.dart'; | ||
|
|
||
| class ChatInputNotifier extends FamilyNotifier<ChatInputState, String> { | ||
| ChatInputNotifier({ | ||
| ImagePickerService? imagePickerService, | ||
| DraftMessageService? draftMessageService, | ||
| Duration draftSaveDelay = const Duration(milliseconds: 500), | ||
| }) : _imagePickerService = imagePickerService ?? ImagePickerService(), | ||
| _draftMessageService = draftMessageService ?? DraftMessageService(), | ||
| _draftSaveDelay = draftSaveDelay; | ||
|
|
||
| static final _logger = Logger('ChatInputNotifier'); | ||
| late final String _groupId; | ||
| final ImagePickerService _imagePickerService; | ||
| final DraftMessageService _draftMessageService; | ||
| final Duration _draftSaveDelay; | ||
| Timer? _draftSaveTimer; | ||
|
|
||
| @override | ||
| ChatInputState build(String groupId) { | ||
| _groupId = groupId; | ||
| ref.onDispose(() { | ||
| _draftSaveTimer?.cancel(); | ||
| }); | ||
| return const ChatInputState(); | ||
| } | ||
|
|
||
| Future<String?> loadDraft() async { | ||
| state = state.copyWith(isLoadingDraft: true); | ||
| try { | ||
| final draft = await _draftMessageService.loadDraft(chatId: _groupId); | ||
| return draft; | ||
| } finally { | ||
| state = state.copyWith(isLoadingDraft: false); | ||
| } | ||
| } | ||
|
|
||
| void scheduleDraftSave(String text) { | ||
| _draftSaveTimer?.cancel(); | ||
| _draftSaveTimer = Timer( | ||
| _draftSaveDelay, | ||
| () => _saveDraft(text), | ||
| ); | ||
| } | ||
|
|
||
| Future<void> saveDraftImmediately(String text) async { | ||
| _draftSaveTimer?.cancel(); | ||
| await _saveDraft(text); | ||
| } | ||
|
|
||
| Future<void> _saveDraft(String text) async { | ||
| await _draftMessageService.saveDraft(chatId: _groupId, message: text); | ||
| } | ||
josefinalliende marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
|
||
| void hideMediaSelector() { | ||
| state = state.copyWith(showMediaSelector: false); | ||
| } | ||
|
|
||
| void toggleMediaSelector() { | ||
| state = state.copyWith(showMediaSelector: !state.showMediaSelector); | ||
| } | ||
|
|
||
| Future<void> handleImagesSelected() async { | ||
|
Contributor
There was a problem hiding this comment. Consider adding error handling incase something goes wrong
Contributor
Author
There was a problem hiding this comment. There is in the builder if the UI, if an error happens, the image is not shown. Already checked that case in my iphone by hardcoding local paths that don't exist and it works fine
Contributor
Author
There was a problem hiding this comment.
Contributor
Author
There was a problem hiding this comment. But now giving a second thought, something else could go wrong before getting to the widget right? I will add error handling here. Thanks |
||
| try { | ||
| final imagePaths = await _imagePickerService.pickMultipleImages(); | ||
| if (imagePaths.isNotEmpty) { | ||
| state = state.copyWith( | ||
| showMediaSelector: false, | ||
| selectedImages: [...state.selectedImages, ...imagePaths], | ||
| ); | ||
| } else { | ||
| state = state.copyWith(showMediaSelector: false); | ||
| } | ||
| } catch (e) { | ||
| _logger.warning('Failed to select images for group $_groupId', e); | ||
| state = state.copyWith(showMediaSelector: false); | ||
| } | ||
| } | ||
|
|
||
| void removeImage(int index) { | ||
| if (index < 0 || index >= state.selectedImages.length) { | ||
| _logger.warning('Invalid image index: $index'); | ||
| return; | ||
| } | ||
| final updatedImages = List<String>.from(state.selectedImages); | ||
| updatedImages.removeAt(index); | ||
| state = state.copyWith(selectedImages: updatedImages); | ||
| } | ||
|
|
||
| void setSingleLineHeight(double height) { | ||
| if (state.singleLineHeight != height) { | ||
| state = state.copyWith(singleLineHeight: height); | ||
| } | ||
| } | ||
|
|
||
| void setPreviousEditingMessageContent(String? content) { | ||
| state = state.copyWith(previousEditingMessageContent: content); | ||
| } | ||
|
|
||
| Future<void> clear() async { | ||
| _draftSaveTimer?.cancel(); | ||
| await _draftMessageService.clearDraft(chatId: _groupId); | ||
| state = state.copyWith( | ||
| showMediaSelector: false, | ||
| isLoadingDraft: false, | ||
| previousEditingMessageContent: null, | ||
| selectedImages: [], | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| final chatInputProvider = NotifierProvider.family<ChatInputNotifier, ChatInputState, String>( | ||
| ChatInputNotifier.new, | ||
| ); | ||
This file contains hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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,14 @@ | ||
| import 'package:freezed_annotation/freezed_annotation.dart'; | ||
|
|
||
| part 'chat_input_state.freezed.dart'; | ||
|
|
||
| @freezed | ||
| class ChatInputState with _$ChatInputState { | ||
| const factory ChatInputState({ | ||
| @Default(false) bool isLoadingDraft, | ||
| @Default(false) bool showMediaSelector, | ||
| @Default([]) List<String> selectedImages, | ||
| double? singleLineHeight, | ||
| String? previousEditingMessageContent, | ||
| }) = _ChatInputState; | ||
| } |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.