Commit graph

63 commits

Author SHA1 Message Date
Gabe Kangas
169c11596c
feat(chat): add support for chat part messages. Closes #3201 (#3291) 2023-09-10 10:58:11 -07:00
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 <>
2023-07-13 12:36:21 -07:00
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 <>
2023-07-10 23:00:28 -07:00
janWilejan
74ad8d5e18
Fix chat flicker / Usernames collapse in order (#3135)
Co-authored-by: janWilejan <>
2023-07-05 11:51:16 -07:00
Gabe Kangas
58f2d09815
fix(chat): try to improve auto scroll to bottom. Closes #3029 2023-06-12 15:47:41 -07:00
Gabe Kangas
2046e4999f
feat(chat): decrease msg collapse timeout + add spacing. Closes #3062 2023-06-02 19:48:07 -07:00
Gabe Kangas
6d30de19f6
fix(chat): cleanup of moderator flag check 2023-05-31 16:54:30 -07:00
Gabe Kangas
71703f2245
fix(chat): fix bot status not showing. Closes #3046 2023-05-31 13:54:03 -07:00
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
2023-05-22 18:56:44 -07:00
Gabe Kangas
a9a2ad5487
fix(chat): tweak auto scrolling on message logic to reduce scroll to bottom button showing 2023-05-07 20:29:29 -07:00
Gabe Kangas
4192482a4c
Add error boundary to chat. For #2811 2023-03-12 21:57:04 -07:00
Gabe Kangas
c4f057eded
Make testing for moderator state centralized in User class 2023-03-03 21:55:02 -08:00
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>
2023-03-03 15:25:22 -08:00
Gabe Kangas
4a0476b237
Add support for disabled chat state in the chat input field. Closes #2761 2023-03-01 16:22:10 -08:00
Gabe Kangas
61b78b8f1b
Limit the number of chat messages that can collapse in a row 2023-02-20 12:00:59 -08:00
Gabe Kangas
8f2a345594
Reduce the time we allow message collapsing 2023-02-20 09:39:55 -08:00
Gabe Kangas
534a7dcb67
Remove log 2023-02-19 18:43:17 -08:00
Gabe Kangas
05a06796e2
Break out name change message to own component + fix text color. Closes #2718 2023-02-19 16:20:11 -08:00
Gabe Kangas
564d058e2e
Improve chat container bottom scrolling handling. Closes #2342 2023-02-18 11:58:52 -08:00
Gabe Kangas
313a81359a
Add Fediverse event chat views. Closes #2679 2023-02-05 19:58:38 -08:00
Gabe Kangas
1ee71aecaa
Add bot user badge. Closes #2681 2023-02-05 15:37:16 -08:00
Gabe Kangas
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583 2023-01-15 22:31:36 -08:00
Gabe Kangas
bb9b8a8123
Use own scroll to bottom function instead of built-in. Closes #2500 2023-01-11 00:53:18 -08:00
Gabe Kangas
81c505d731
Hack to force scroll to very bottom at mount. For #2500 2023-01-05 02:16:37 -08:00
Gabe Kangas
31f77cf1f0
Tweaks to chat bottom handling for #2342 2022-12-20 00:37:22 -08:00
Gabe Kangas
8a14173066
Increase the bottom threshold for chat container. Closes #2342 2022-12-01 19:26:16 -08:00
Gabe Kangas
d2f65380a1
Fix issue when trying to collapse non-user message 2022-11-13 14:49:49 -08:00
Gabe Kangas
769f05db2c
Allow for custom scrollbar styling 2022-11-13 12:37:31 -08:00
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.
2022-11-04 20:04:13 -07:00
Gabe Kangas
91c7bed0e8
Add action message type to chat. Closes #2226 2022-10-18 19:47:38 -07:00
t1enne
44ef64b3b5 fixed chat container not showing in SB + minor changes 2022-09-30 13:17:22 +02:00
t1enne
f90295269e Updated styles to match design for chat msgs 2022-09-30 09:57:12 +02:00
t1enne
0b35919357 Fixed messages not wrapping + changed some styles to accomodate scrollbar better 2022-09-13 08:43:59 +02:00
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>
2022-09-07 00:00:28 -07:00
Gabe Kangas
c61bea29ee
Add read-only chat embed page. Closes #1905 2022-09-04 21:53:04 -07:00
Gabe Kangas
aa0b43074f
Fix chat user color variable 2022-09-01 19:37:21 -07:00
Gabe Kangas
c2bd9436ba
Show moderation menu for moderators. Closes #1864 2022-08-22 19:25:16 -07:00
Gabe Kangas
6cc184ea6f
Add standalone join message with user badge 2022-08-21 15:50:27 -07:00
Gabe Kangas
3cfcad7a93
Add user chat message badges. Closes #1988 2022-08-21 14:04:16 -07:00
Gabe Kangas
7dc2a1a4bc
Limit message collapsing to 2 minutes between messages 2022-08-15 19:44:29 -07:00
Gabe Kangas
b632699c87
Fix chat error with only a single message 2022-08-15 16:35:54 -07:00
Gabe Kangas
a7bbb06ea5
Fix mod menu showing. Closes #1990 2022-08-10 21:41:56 -07:00
Gabe Kangas
f8429beef4
Add+style system style chat message. Closes #1998 2022-08-10 20:22:00 -07:00
Gabe Kangas
2c1624127a
Fix message collapsing incorrectly. Closes #2001 2022-08-09 20:58:10 -07:00
Gabe Kangas
0574725be8
Use vh instead of % to fix storybook rendering of chat container. 2022-07-21 12:15:03 -07:00
Gabe Kangas
2c8621c873
Add chat join messages 2022-07-14 21:05:34 -07:00
Gabe Kangas
9a2a43d916
Add moderator status chat message. Closes #1999 2022-07-14 20:36:47 -07:00
t1enne
f130abb8f9 Minor styling changes 2022-07-10 09:00:29 +02:00
t1enne
efbe6907ac Reworked mobile UI for some components 2022-07-08 22:20:22 +02:00
t1enne
ffc73f2760 Added chat tab on mobile layouts and other changes to mobile UI 2022-07-08 09:10:18 +02:00