Commit Graph
228 Commits
Author SHA1 Message Date
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 YoungandGitHub 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
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
Gabe Kangas b490903a35 Add style and story for generic chat action message 2022-07-14 20:09:40 -07:00
Gabe Kangas 255585cd9f Update components to use the new style/color names 2022-07-10 16:45:19 -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 b279f8f707 small fixes on chat behaviour 2022-07-02 09:56:03 +02:00
t1enneandGitHub Action 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
t1enne d93922f1d0 Added background to own messages in chat and the rounded border.
Closes #1985
2022-06-29 08:22:22 +02:00
Gabe Kangas 5e4334ac01 Use user color for name change messages 2022-06-28 20:40:18 -07:00
Gabe Kangas aec65af87d Use a numbered pre-named set of user colors instead of random. Closes #1974 2022-06-28 19:01:47 -07:00
t1enne c9938cf414 Added alternative styling for own messages in chat
Added alternative styling for messages sent by self in chat

Prettiered the file
2022-06-28 09:12:22 +02:00
Gabe Kangas e08037b64a Wire up chat message props. Add username highlighting. Closes #1921 2022-06-24 21:30:54 -07:00
Gabe Kangas b7df2949e4 Remove interfont and use Open Sans + Poppins fonts instead. #1625 2022-06-24 16:27:45 -07:00
Gabe Kangas 8ed01ed4da ../
First pass at the emoji picker
2022-05-26 18:59:16 -07:00
Gabe Kangas 1d213b71d4 Support changing your own name and handling name change events 2022-05-26 13:52:04 -07:00