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
b989e9a462
Remove chat container bottom margin
2023-01-11 00:52:03 -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
890ebdfff6
Tweak style of scroll to bottom button
2022-12-14 12:54:31 -08:00
Gabe Kangas
8a14173066
Increase the bottom threshold for chat container. Closes #2342
2022-12-01 19:26:16 -08:00
Gabe Kangas
ce1c564797
Add margin under bottom chat message
2022-11-19 12:56:38 -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
813f8692f0
Support color customization from the admin ( #2338 )
...
* Add user-customizable theming. Closes #1915
* Prettified Code!
* Add user-customizable theming. Closes #1915
* Add explicit color for page content background
* Prettified Code!
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-11-12 20:26:55 -08:00
Gabe Kangas
4cdbcc642d
Tweak Chromatic diffThreshold to reduce false negative tests
2022-11-05 17:27:44 -07: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
juliana-mol
9f2aa66527
chat story controls ( #2181 )
...
* chat story controls
* Prettified Code!
Co-authored-by: juliana-mol <juliana-mol@users.noreply.github.com>
2022-10-09 11:25:48 -07:00
Gabe Kangas
6c9f9f6507
Add additional example chat items to story
2022-10-04 19:14:50 -07:00
t1enne
adea618a44
improved ui of chat text input
2022-10-01 10:34:59 +02:00
t1enne
44ef64b3b5
fixed chat container not showing in SB + minor changes
2022-09-30 13:17:22 +02:00
t1enne
892532dfa2
moved scroll to bottom btn to own comp
2022-09-30 13:16:35 +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
James Young
5ebbbb8bf2
refactor(stories): co-locate stories with components ( #2078 )
...
* refactor: move ActionButton component
* refactor: move BanUserButton component
* refactor: move ChatActionMessage component
* refactor: move ChatContainer component
* refactor: move AuthModal component
* refactor: move BrowserNotifyModal component
* refactor: move ChatUserMessage component
* refactor: move ChatJoinMessage component
* refactor: move ChatTextField component
* refactor: move ChatUserBadge component
* refactor: move FollowerCollection and SingleFollower components
* fix: bad import path
* refactor: move FollowModal component
* refactor: move Modal component
* refactor: move ContentHeader component
* refactor: move ChatSystemMessage component
* refactor: move Header component
* refactor: move Footer component
* refactor: move StatusBar component
* refactor: move OfflineBanner component
* refactor: move OwncastPlayer component
* refactor: move IndieAuthModal component
* refactor: move SocialLinks component
* refactor: move VideoPoster component
* refactor: move FollowModal component
* refactor: move FediAuthModal.tsx component
* refactor: move UserDropdown component
* refactor: move ChatSocialMessage component
* refactor: move Logo component
* refactor: move NotifyReminderPopup component
* refactor: move NameChangeModal component
* refactor: move FatalErrorStateModal component
* refactor: move ChatModeratorNotification component
* refactor: move ChatModerationActionMenu and ChatModerationDetailsModal components
* refactor: move CustomPageContent component
* refactor: move storybook Introduction file
* refactor: update storybook story import path
* refactor: move storybook preview styles
* refactor: move storybook doc pages
* refactor: move Color and ImageAsset components
* fix: bad import path
* fix: bad import path in story file
2022-09-03 11:38:52 -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
9e18cf2f0c
Fix incorrect font variable being used
2022-08-21 16:01:41 -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
t1enne
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
t1enne
1bbca87afb
Prettified Code!
2022-07-02 07:13:50 +00:00
t1enne
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
t1enne
e6cc3a39d1
Added moderator menu to messages and some other styling.
...
created new ant overrides file.
Ignore the static directory
2022-07-01 22:53:56 +02:00
t1enne
455d8f8169
Few changes to chat.
...
Changed the way the background is set on self sent messages and some
styling.
Fixed chat container not scrolling. Added 'go to bottom' button.
2022-07-01 19:35:14 +02:00
Gabe Kangas
ccb97197c5
Fix chat array not being properly appended to
2022-06-29 11:50:56 -07:00
Gabe Kangas
5e4334ac01
Use user color for name change messages
2022-06-28 20:40:18 -07:00
Gabe Kangas
e08037b64a
Wire up chat message props. Add username highlighting. Closes #1921
2022-06-24 21:30:54 -07:00
Gabe Kangas
1d213b71d4
Support changing your own name and handling name change events
2022-05-26 13:52:04 -07:00
Gabe Kangas
7b1667bf6a
Refactor app state to be a state machine with access selectors
2022-05-25 21:47:09 -07:00
