60 Commits

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

changed the player to actually span across the viewport without the
black borders around it.
2022-07-03 12:36:30 +02:00
1bbca87afb Prettified Code! 2022-07-02 07:13:50 +00:00
26f9a41508 Few changes to chat
Added moderator icon

changed styling for a name change message

Now usernames collapse as long as the user is the same

Imported two weights of Poppins and the OpenSans variable instead of def
400

This is some progress on #1859 and #1625
2022-07-02 09:08:36 +02:00