Issue/304 #356
Merged
Issue/304 #356
Conversation
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
This pull request introduces several new components and features to enhance the AssistCredit functionality in the frontend application. The changes include the addition of new UI components for selecting amounts, confirming sends, and displaying user lists, as well as updates to styles and animations. Below is a summary of the most important changes grouped by theme:
New Components for AssistCredit Flow:
AmountSelectorComponent: Added a new component for selecting the amount to send, with a slider and input field for customization. It includes emoji visualization based on the amount selected. ([pkgs/frontend/app/components/assistcredit/AmountSelector.tsxR1-R156](https://github.com/hackdays-io/toban/pull/356/files#diff-2ef635f56e770f720ea34ac26a1143377f60886ed50a03f404c6b58cc1dc654aR1-R156))SendConfirmationComponent: Introduced a swipe-based confirmation component for sending AssistCredits, complete with a custom loading animation and user feedback. ([pkgs/frontend/app/components/assistcredit/SendConfirmation.tsxR1-R269](https://github.com/hackdays-io/toban/pull/356/files#diff-17930787a42bdbc672189404a2fb6b9690ff772d765808fa36ff46cc4058961aR1-R269))UserListComponent: Implemented a searchable user list for selecting recipients, displaying user avatars and names. ([pkgs/frontend/app/components/assistcredit/UserList.tsxR1-R54](https://github.com/hackdays-io/toban/pull/356/files#diff-563eee7a70daa1438e9b52f0f8ec3befd6f7995697f718843dc697cdce9cc408R1-R54))Emoji Support:
emojiConstants.ts: Defined a mapping of amounts to emojis for visual representation of the selected amount in the AssistCredit flow. ([pkgs/frontend/app/components/assistcredit/emojiConstants.tsR1-R13](https://github.com/hackdays-io/toban/pull/356/files#diff-cfd9fba564dc61ca6c554949d6883fccbb9914f92648023463c0226dbf1d2972R1-R13))Styling and Animations:
blinkanimation to enhance the visual feedback during the send process. ([pkgs/frontend/app/components/chakra-provider.tsxR153-R165](https://github.com/hackdays-io/toban/pull/356/files#diff-99f082ebcb06217574538b2adc14e1f14cb28adf2071663844b9c5c5b23826b2R153-R165))[[1]](https://github.com/hackdays-io/toban/pull/356/files#diff-4519b23d11b0de316d82ffef587f88fd84af176a76b80f40c18e998206938e05R21),[[2]](https://github.com/hackdays-io/toban/pull/356/files#diff-4519b23d11b0de316d82ffef587f88fd84af176a76b80f40c18e998206938e05L58-R63))Refactoring and Integration:
AssistCreditSendroute to integrate the new components (AmountSelector,SendConfirmation,UserList) and streamline the UI flow for selecting users, amounts, and confirming sends. ([[1]](https://github.com/hackdays-io/toban/pull/356/files#diff-c653fe8e992404d9cff93a3d7bcebee47e6adcdf59b383ea689bc528cf6a471bL25-R29),[[2]](https://github.com/hackdays-io/toban/pull/356/files#diff-c653fe8e992404d9cff93a3d7bcebee47e6adcdf59b383ea689bc528cf6a471bR95-R118),[[3]](https://github.com/hackdays-io/toban/pull/356/files#diff-c653fe8e992404d9cff93a3d7bcebee47e6adcdf59b383ea689bc528cf6a471bL137-R139))These changes significantly improve the user experience for sending AssistCredits by making the process more interactive, visually appealing, and user-friendly.