Gabe Kangas
d8a5380b7f
Fix some React lifecycle and rendering errors that exist in build
2023-01-10 16:39:20 -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
c597a0de9e
Add accessibility properties to chat text input. Closes #2444
2022-12-19 21:49:11 -08:00
Gabe Kangas
447779b439
Reduce textfield padding
2022-11-13 13:18:17 -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
t1enne
917248fc5b
moved footer to layout. changed some css
2022-10-22 10:46:17 +02: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
Gabe Kangas
cd3722d9f1
Limit chat input to max characters. Closes #2109
2022-10-08 22:33:50 -07:00
Gabe Kangas
45c7fa4f7e
Only show chat send button on mobile
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
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
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
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
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
d8cf30a723
Only show send button on mobile. Make buttons inline with input field
2022-08-21 18:47:12 -07: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
Gabe Kangas
8ed01ed4da
../
...
First pass at the emoji picker
2022-05-26 18:59:16 -07:00
t1enne
3a785c2a48
Lowered font-size in chat input
2022-05-22 14:28:51 +02:00
t1enne
6a0d0970d6
Added icons and formatted with prettier
2022-05-22 14:27:06 +02:00
t1enne
bef99afa05
Few changes to Chat input
2022-05-22 08:37:23 +02:00
t1enne
1b9c04210b
Fixed Slate error by providing initial value
2022-05-18 08:16:46 +02:00
Gabe Kangas
0d5d89a1c8
Fix empty state for text field
2022-05-17 17:58:51 -07:00
t1enne
b6aa20b0aa
worked on chat styling
2022-05-17 16:36:07 +02:00
Gabe Kangas
72c01e1b9a
Fix web project build errors
2022-05-11 23:31:31 -07:00
Gabe Kangas
8c7c11cb72
Continue to troubleshoot the emoji picker
2022-05-09 13:44:11 -07:00
Gabe Kangas
44173ac09d
WIP emoji picker
2022-05-05 14:43:40 -07:00
Gabe Kangas
66a55401a8
Use slate.js as a rich text editor for chat messages
2022-05-05 13:52:10 -07:00
Gabe Kangas
f96bde4f71
Can send a message from text input using submit button
2022-05-04 23:06:35 -07:00
Gabe Kangas
c56c45d904
Use contentEditable for chat input field
2022-05-04 16:55:54 -07:00
t1enne
502cf4478a
reworked slightly main layout
2022-05-03 23:55:13 +02:00
