Gabe Kangas
169c11596c
feat(chat): add support for chat part messages. Closes #3201 ( #3291 )
2 years ago
janWilejan
14baef4e36
remove excess resize event listeners ( #3169 )
...
We add a resize handler to the window when the ChatContainer is created. If a
second ChatContainer is created due to React redrawing, remove the old handler.
Co-authored-by: janWilejan <>
2 years ago
janWilejan
3f4887020d
Add resize handle to chat ( #3157 )
...
* add resize handle to chat
* Add chat resize functionality
* window resize only causes chat resize on desktop
* fix parseFloat invocation
* desktop is optional attribute of ChatContainer
---------
Co-authored-by: janWilejan <>
2 years ago
janWilejan
74ad8d5e18
Fix chat flicker / Usernames collapse in order ( #3135 )
...
Co-authored-by: janWilejan <>
2 years ago
Gabe Kangas
58f2d09815
fix(chat): try to improve auto scroll to bottom. Closes #3029
2 years ago
Gabe Kangas
2046e4999f
feat(chat): decrease msg collapse timeout + add spacing. Closes #3062
2 years ago
Gabe Kangas
6d30de19f6
fix(chat): cleanup of moderator flag check
2 years ago
Gabe Kangas
71703f2245
fix(chat): fix bot status not showing. Closes #3046
2 years ago
Gabe Kangas
69f217f758
Refactor mobile chat into modal ( #3038 )
...
* feat(mobile): refactor mobile chat into modal
- Make page always scrollable
- Move mobile chat into a standalone modal
* fix(test): split out mobile browser test specs
* fix(mobile): force chat button to render on top of footer
* fix: some small updates from review
* fix: hide/show hide chat menu option based on width
* fix: chat button icon getting cut off
* chore(tests): add browser tests for mobile chat modal
* chore(tests): add story for ChatModal component
* fix(test): quiet shellcheck
* fix: remove unused import
* fix(tests): silence storybook linting warning
* fix(ui): reposition chat modal button icon with transform
2 years ago
Gabe Kangas
a9a2ad5487
fix(chat): tweak auto scrolling on message logic to reduce scroll to bottom button showing
2 years ago
Gabe Kangas
4192482a4c
Add error boundary to chat. For #2811
2 years ago
Gabe Kangas
c4f057eded
Make testing for moderator state centralized in User class
2 years ago
Naz
3629f318e8
removed timers from component in favor of css transition ( #2769 )
...
* removed timers from component in favor of css transition
* removed semibold text
---------
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2 years ago
Gabe Kangas
4a0476b237
Add support for disabled chat state in the chat input field. Closes #2761
2 years ago
Gabe Kangas
61b78b8f1b
Limit the number of chat messages that can collapse in a row
2 years ago
Gabe Kangas
8f2a345594
Reduce the time we allow message collapsing
2 years ago
Gabe Kangas
534a7dcb67
Remove log
2 years ago
Gabe Kangas
05a06796e2
Break out name change message to own component + fix text color. Closes #2718
2 years ago
Gabe Kangas
564d058e2e
Improve chat container bottom scrolling handling. Closes #2342
2 years ago
Gabe Kangas
313a81359a
Add Fediverse event chat views. Closes #2679
3 years ago
Gabe Kangas
1ee71aecaa
Add bot user badge. Closes #2681
3 years ago
Gabe Kangas
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583
3 years ago
Gabe Kangas
bb9b8a8123
Use own scroll to bottom function instead of built-in. Closes #2500
3 years ago
Gabe Kangas
81c505d731
Hack to force scroll to very bottom at mount. For #2500
3 years ago
Gabe Kangas
31f77cf1f0
Tweaks to chat bottom handling for #2342
3 years ago
Gabe Kangas
8a14173066
Increase the bottom threshold for chat container. Closes #2342
3 years ago
Gabe Kangas
d2f65380a1
Fix issue when trying to collapse non-user message
3 years ago
Gabe Kangas
769f05db2c
Allow for custom scrollbar styling
3 years ago
Gabe Kangas
352447e3d4
Web UI frontend automated browser tests ( #2223 )
...
* First pass at basic browser tests for #1926
* Run tests against dev web server not go server
* Bundle the web code into the server before running tests
* Move cypress UI tests into its own npm project + add tests
* Add additional tests + wire up with cypress dashboard
* Limit concurrency of workflow jobs
* Temporarily comment out some tests that do not pass in mobile. Will fix later.
3 years ago
Gabe Kangas
91c7bed0e8
Add action message type to chat. Closes #2226
3 years ago
t1enne
44ef64b3b5
fixed chat container not showing in SB + minor changes
3 years ago
t1enne
f90295269e
Updated styles to match design for chat msgs
3 years ago
t1enne
0b35919357
Fixed messages not wrapping + changed some styles to accomodate scrollbar better
3 years ago
James Young
d1f3fffe2f
reafctor: normalize component formatting ( #2082 )
...
* refactor: move/rename BanUserButton file
* refactor: move/rename Chart file
* refactor: update generic component filenames to PascalCase
* refactor: update config component filenames to PascalCase
* refactor: update AdminLayout component filename to PascalCase
* refactor: update/move VideoJS component
* chore(eslint): disable bad react/require-default-props rule
* refactor: normalize ActionButton component
* refactor: normalize ActionButtonRow component
* refactor: normalize FollowButton component
* refactor: normalize NotifyButton component
* refactor: normalize ChatActionMessage component
* refactor: normalize ChatContainer component
* refactor: normalize ChatJoinMessage component
* refactor: normalize ChatModerationActionMenu component
* refactor: normalize ChatModerationDetailsModal component
* refactor: normalize ChatModeratorNotification component
* refactor: normalize ChatSocialMessage component
* refactor: normalize ChatSystemMessage component
* refactor: normalize ChatTextField component
* refactor: normalize ChatUserBadge component
* refactor: normalize ChatUserMessage component
* refactor: normalize ContentHeader component
* refactor: normalize OwncastLogo component
* refactor: normalize UserDropdown component
* chore(eslint): modify react/function-component-definition rule
* refactor: normalize CodecSelector component
* refactor: update a bunch of functional components using eslint
* refactor: update a bunch of functional components using eslint, pt2
* refactor: update a bunch of functional components using eslint, pt3
* refactor: replace all component->component default imports with named imports
* refactor: replace all component-stories->component default imports with named imports
* refactor: remove default exports from most components
* chore(eslint): add eslint config files for the components and pages dirs
* fix: use-before-define error in ChatContainer
* Fix ChatContainer import
* Only process .tsx files in Next builds
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
3 years ago
Gabe Kangas
c61bea29ee
Add read-only chat embed page. Closes #1905
3 years ago
Gabe Kangas
aa0b43074f
Fix chat user color variable
3 years ago
Gabe Kangas
c2bd9436ba
Show moderation menu for moderators. Closes #1864
3 years ago
Gabe Kangas
6cc184ea6f
Add standalone join message with user badge
3 years ago
Gabe Kangas
3cfcad7a93
Add user chat message badges. Closes #1988
3 years ago
Gabe Kangas
7dc2a1a4bc
Limit message collapsing to 2 minutes between messages
3 years ago
Gabe Kangas
b632699c87
Fix chat error with only a single message
3 years ago
Gabe Kangas
a7bbb06ea5
Fix mod menu showing. Closes #1990
3 years ago
Gabe Kangas
f8429beef4
Add+style system style chat message. Closes #1998
3 years ago
Gabe Kangas
2c1624127a
Fix message collapsing incorrectly. Closes #2001
3 years ago
Gabe Kangas
0574725be8
Use vh instead of % to fix storybook rendering of chat container.
3 years ago
Gabe Kangas
2c8621c873
Add chat join messages
3 years ago
Gabe Kangas
9a2a43d916
Add moderator status chat message. Closes #1999
3 years ago
t1enne
f130abb8f9
Minor styling changes
3 years ago
t1enne
efbe6907ac
Reworked mobile UI for some components
3 years ago
t1enne
ffc73f2760
Added chat tab on mobile layouts and other changes to mobile UI
3 years ago