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
12b4452220
Support the HTML tags that are sent for message body. Closes #2717
2023-02-19 15:31:39 -08:00
Gabe Kangas
529a4c7d84
Allow social chat events to fit content. Use text fallback in avatar. Closes #2719
2023-02-19 14:57:44 -08:00
Gabe Kangas
564d058e2e
Improve chat container bottom scrolling handling. Closes #2342
2023-02-18 11:58:52 -08:00
Gabe Kangas
9f735d3c5d
Increase diff threshold for UI test. Hopefully helps #2629
2023-02-12 17:12:03 -08:00
Gabe Kangas
b7e4298e58
Use non-animated image in example so it does not show as changed
2023-02-10 15:35:22 -08:00
Gabe Kangas
313a81359a
Add Fediverse event chat views. Closes #2679
2023-02-05 19:58:38 -08:00
Gabe Kangas
57d8bdbdbe
Use same message highlighting on system messages
2023-02-05 15:46:54 -08:00
Gabe Kangas
1ee71aecaa
Add bot user badge. Closes #2681
2023-02-05 15:37:16 -08:00
Gabe Kangas
e6d3da4f9c
Refactor how message content highlighting works + change to safe HTML rendering component. Closes #2669
2023-02-04 17:21:24 -08:00
Gabe Kangas
de20b2cc11
Increase diff threshold for UI tests: #2292 #2630 #2629
2023-01-30 14:46:34 -08:00
Gabe Kangas
47fbe1547c
Fix incorrect title on user badge.
2023-01-30 11:20:02 -08:00
Gabe Kangas
71bb8a7381
Redesign the user badges (authed, mods)
2023-01-29 15:40:59 -08:00
Gabe Kangas
f318b69980
Make join msg not italic and left align it
2023-01-29 14:01:09 -08:00
Gabe Kangas
84aff441a2
Give text input more padding
2023-01-28 19:26:17 -08:00
Gabe Kangas
7b4c3f38d5
Fix message background rendering on top of message. Closes #2636
2023-01-28 18:32:57 -08:00
Gabe Kangas
bbd3041d90
Add linking to user chat messages. Closes #2635
2023-01-27 12:57:14 -08:00
Gabe Kangas
7c8030cca4
Change system message link color. Closes #2634
2023-01-27 11:50:22 -08:00
Gabe Kangas
18076355f4
Add additional bottom margin to system messages
2023-01-20 16:29:49 -08:00
Gabe Kangas
d6ec47667a
Remove border from moderator message
2023-01-20 16:17:27 -08:00
Gabe Kangas
a567f8543e
Make chat text input background the same color as chat bg
2023-01-18 20:23:50 -08:00
Gabe Kangas
7ba91404cc
Style moderation hover button
2023-01-18 20:23:12 -08:00
Gabe Kangas
a6bcabebbf
Make chat background dark
2023-01-18 19:18:32 -08:00
Gabe Kangas
a1a3272031
Hide scrollbars
2023-01-18 19:18:29 -08:00
Gabe Kangas
15c28b3d6e
Allow moderator message to fill chat width. Closes #2596
2023-01-16 17:53:59 -08:00
Gabe Kangas
49cdb1dafb
Fix chat message background color not showing. Closes #2594
2023-01-16 17:33:50 -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
b989e9a462
Remove chat container bottom margin
2023-01-11 00:52:03 -08:00
Gabe Kangas
7ce35a8a08
Increase user message border width
2023-01-11 00:51:39 -08:00
Gabe Kangas
d8a5380b7f
Fix some React lifecycle and rendering errors that exist in build
2023-01-10 16:39:20 -08:00
Gabe Kangas
cfaeda94b0
Lazy load more components. #2167
2023-01-10 00:37:12 -08:00
Gabe Kangas
bd3c81c353
Replace he html decoding lib with entities
2023-01-10 00:37:10 -08:00
Gabe Kangas
81c505d731
Hack to force scroll to very bottom at mount. For #2500
2023-01-05 02:16:37 -08:00
Jambaldorj Ochirpurev
f8a481ff70
Fix/issue#2441 ( #2443 )
...
* fix the rendering issues related to More Info
* update
* update Chat Moderation Details component
2022-12-27 11:57:44 -08:00
Gabe Kangas
fb1aca165f
Give the chat text input surrounding a background color
2022-12-24 15:32:15 -08:00
Gabe Kangas
c871251769
Tweak positioning of emoji picker popover
2022-12-24 15:08:46 -08:00
Gabe Kangas
31f77cf1f0
Tweaks to chat bottom handling for #2342
2022-12-20 00:37:22 -08:00
Gabe Kangas
c597a0de9e
Add accessibility properties to chat text input. Closes #2444
2022-12-19 21:49:11 -08:00
Gabe Kangas
fb7cff54d0
Tweak badge styles
2022-12-15 19:40:26 -08:00
Gabe Kangas
890ebdfff6
Tweak style of scroll to bottom button
2022-12-14 12:54:31 -08:00
Gabe Kangas
e64da8003c
More component selectors for CSS overrides for #2193
2022-12-12 22:54:52 -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
a75c838ef3
Populate user message tooltip. Closes #2343
2022-11-18 17:08:46 -08:00
Gabe Kangas
d2f65380a1
Fix issue when trying to collapse non-user message
2022-11-13 14:49:49 -08:00
Gabe Kangas
447779b439
Reduce textfield padding
2022-11-13 13:18:17 -08:00
Gabe Kangas
bc6af8251e
Add padding to chat messages
2022-11-13 12:43:15 -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
Matthew Heller
3021dd7795
Always show the 'send chat message' button. Re #2293 . ( #2298 )
2022-11-03 10:36:03 -07:00
Matthew Heller
64b20cf070
Use 16px font size to prevent auto zoom on iOS Safari. Shorten the 'type here' message so it doesn't wrap to a second line when the chat pane becomes a column on the right side of larger screens. Re #2276 . ( #2294 )
2022-11-02 12:34:57 -07:00
Gabe Kangas
2e7787f70b
Force the bundler to build the player as its own file
2022-10-28 12:19:39 -07:00
t1enne
917248fc5b
moved footer to layout. changed some css
2022-10-22 10:46:17 +02:00
t1enne
f6e158ab88
reduced font weight of message text
2022-10-22 10:46:17 +02:00
Gabe Kangas
91c7bed0e8
Add action message type to chat. Closes #2226
2022-10-18 19:47:38 -07:00
Matthew Heller
6e54ec7695
Antd updates ( #2194 )
...
* Fix antd Modal.visible warning by using updated attribute name 'open'.
* Update more attributes (onVisibleChange => onOpenChange, defaultVisible => defaultOpen) to fix browser console warnings.
* Update ModalProps property from 'visible' to 'open' to match the change in antd.
* Update variable names to match the antd change from 'visible' to 'open'.
* Inline this for the linter.
* One more visible => open reference.
2022-10-10 17:11:29 -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
cd3722d9f1
Limit chat input to max characters. Closes #2109
2022-10-08 22:33:50 -07:00
Gabe Kangas
19e4e99127
First pass at the social/federated chat component. Closes #2172
2022-10-05 22:43:24 -07:00
Gabe Kangas
45c7fa4f7e
Only show chat send button on mobile
2022-10-04 19:14:50 -07:00
Gabe Kangas
6c9f9f6507
Add additional example chat items to story
2022-10-04 19:14:50 -07:00
Gabe Kangas
b1484f4c9f
Lazy load some components that aren't needed at load. For #2167
2022-10-03 21:06:46 -07:00
t1enne
b87076759c
styled chat join messages
2022-10-03 10:15:41 +02:00
t1enne
91bc45dbef
moved borders to the right for own msgs. Closes #2074
2022-10-03 09:51:28 +02:00
Gabe Kangas
a931fe0ddf
Update the chat moderation modal with slightly better layout. Closes #2073
2022-10-02 11:02:33 -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
121c9415f1
Wire up emoji+custom emote selector to text input. Closes #1887
2022-09-06 17:52:09 -07:00
Gabe Kangas
c61bea29ee
Add read-only chat embed page. Closes #1905
2022-09-04 21:53:04 -07:00
Gabe Kangas
b8a108ba03
Fix chat message story
2022-09-04 18:09:30 -07:00
Gabe Kangas
ac7e095fdf
Handle hide/show chat messages via moderation. Closes #1986
2022-09-04 17:58:06 -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
46166a78d9
Set message content as renderable html
2022-09-01 22:00:16 -07:00
Gabe Kangas
6d7f0302bf
Replace the auth chat message badge with an icon
2022-09-01 22:00:15 -07:00
Gabe Kangas
aa0b43074f
Fix chat user color variable
2022-09-01 19:37:21 -07:00
gingervitis
d5fa81f76e
Draft: rough-ish draft of proposed color theme changes ( #2067 )
...
* color experimentation and troubleshooting
* create color scheme, assign colors, more ant overrides
* fun selection color
* Prettified Code!
* Correctly import opensans
* Prettified Code!
* Organize+standardize colors/names and update the app to use them
* Prettified Code!
* Use css var references instead of resolving value of vars in css files
* Prettified Code!
Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-08-29 23:17:12 -07:00
Gabe Kangas
c2bd9436ba
Show moderation menu for moderators. Closes #1864
2022-08-22 19:25:16 -07:00
Gabe Kangas
1a9b9f53fc
Add remote fediverse follow modal. Closes #1862
2022-08-22 18:27:47 -07:00
Gabe Kangas
d8cf30a723
Only show send button on mobile. Make buttons inline with input field
2022-08-21 18:47:12 -07:00
Gabe Kangas
cd81aa56ed
Tighten up collapsed message spacing
2022-08-21 17:22:27 -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
4da64a6b35
Use actual moderation menu and remove the placeholder
2022-08-10 22:17:08 -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
