Commit Graph

198 Commits

Author SHA1 Message Date
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
Gabe Kangas
f3a16be0dd Add user detail API + modal. Closes #2002 2022-07-20 22:36:20 -07:00
Gabe Kangas
00f8fea929 WIP of chat moderation menu, actions and modal 2022-07-16 17:34:19 -07:00
Gabe Kangas
f4fb7a1d41 Add chat system message component. For #1998 2022-07-15 13:15:20 -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
Gabe Kangas
756ab368c1 Action message component 2022-07-14 20:12:42 -07:00