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
5742845b7c
Fix values in the follow form
2022-10-04 18:43:15 -07:00
Evgeniy Kosov
d2024d30d2
Add ability to move social handles up/down ( #2168 )
2022-10-04 11:22:01 -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
Cleo John
765cfa4f5a
Added Modal to notify user how to disable notifications ( #2154 )
...
* Added Modal to notify user how to disable notifications
* add comment for notification permissions
This adds a comment to describe the behavior of showing the modal on how to disable them if wanted.
Also changed other comment to comply with the new one.
Co-authored-by: Waterdev <wolfistgeil@gmail.com>
2022-10-02 09:42:06 -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
a9f97346a7
added chat bg variable and updated bg color to match design
2022-09-30 09:56:10 +02:00
t1enne
683399c340
Removed fixed *px sizes in favor or *rem
2022-09-19 22:04:58 +02:00
James Young
2ea638909d
docs: add how-to docs for creating components ( #2124 )
...
* docs: add HOW-TO docs for creating components
* Prettified Code!
Co-authored-by: jamescallumyoung <jamescallumyoung@users.noreply.github.com>
2022-09-16 09:19:55 -07:00
t1enne
0b35919357
Fixed messages not wrapping + changed some styles to accomodate scrollbar better
2022-09-13 08:43:59 +02:00
Gabe Kangas
b42876e34e
Update max width of custom content. Closes #2092
2022-09-10 20:16:36 -07:00
Gabe Kangas
8ee9be5d88
Support disabled chat. Closes #1979
2022-09-10 20:03:58 -07:00
Gabe Kangas
8d02f4068d
Polish up the initial loading experience
2022-09-10 18:08:56 -07:00
Gabe Kangas
42ff0cdb01
Add server-side hydration of initial config+status. Closes #1964
2022-09-10 15:37:07 -07:00
Gabe Kangas
0430adc502
Add mobile-specific tabs+content
2022-09-10 12:08:28 -07:00
Gabe Kangas
20ea5d051f
Clean up some styles and fix mobile rendering
2022-09-09 23:23:24 -07:00
Gabe Kangas
02de9cf6df
Support clickable links in description
2022-09-09 23:03:49 -07:00
Gabe Kangas
129d08144b
Fix bad default bool
2022-09-08 22:23:43 -07:00
Gabe Kangas
b914408a11
Make footer not translucent
2022-09-08 22:23:28 -07:00
Gabe Kangas
2774f4260a
Add FediAuth modal
2022-09-08 21:44:52 -07:00
Gabe Kangas
0def4fe66a
Increase change threshold for Chromatic UI tests
2022-09-08 13:09:11 -07: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
065c36a0a6
Fix invalid linter error about onLoad on an iframe
2022-09-04 22:52:32 -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
dbcccb79f5
Add margin below content
2022-09-01 22:00:16 -07:00
Gabe Kangas
7a9332408e
Change font+weight of action buttons
2022-09-01 22:00:16 -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
Gabe Kangas
277dc700fa
Fix error background
2022-08-30 11:41:11 -07:00
Gabe Kangas
113c3deaea
Make action buttons primary for now
2022-08-30 11:41:11 -07:00
Gabe Kangas
6c06f4fd67
Update footer
2022-08-29 23:33:53 -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
f3d611e762
Fix content header not rendering properly on mobile
2022-08-22 21:50:17 -07:00
Gabe Kangas
c2bd9436ba
Show moderation menu for moderators. Closes #1864
2022-08-22 19:25:16 -07:00
Gabe Kangas
be6e3d9ad9
Add remote fediverse follow modal. Closes #1862
2022-08-22 18:30:58 -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
c4479a0ffc
Add first pass at IndieAuth modal. For #1863
2022-08-20 16:16:24 -07:00
Gabe Kangas
75b90179b8
Experiment with some custom player styling. For #1899
2022-08-18 19:59:17 -07:00
Gabe Kangas
a521ba21d8
Add admin field for setting offline message. Closes #1901
2022-08-16 21:48:06 -07:00
Gabe Kangas
6ffe720d90
Update to the page content header
2022-08-16 17:55:12 -07:00
Gabe Kangas
7dc2a1a4bc
Limit message collapsing to 2 minutes between messages
2022-08-15 19:44:29 -07:00
Gabe Kangas
1f4493aaf9
Fix linter warnings
2022-08-15 17:49:15 -07:00
Gabe Kangas
b632699c87
Fix chat error with only a single message
2022-08-15 16:35:54 -07:00
Gabe Kangas
44dde66b08
Reduce the custom content width and center it. For #1860
2022-08-14 18:33:04 -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
cf03a37aed
Remove category icon component
2022-08-10 20:32:16 -07:00
Gabe Kangas
f8429beef4
Add+style system style chat message. Closes #1998
2022-08-10 20:22:00 -07:00
Gabe Kangas
681067ab93
Add custom offline message+api. Part of #1901
2022-08-09 22:09:43 -07:00
Gabe Kangas
2c1624127a
Fix message collapsing incorrectly. Closes #2001
2022-08-09 20:58:10 -07:00
Gabe Kangas
423ed88fbd
Allow a fallback for storybook building
2022-08-09 20:12:21 -07:00
Gabe Kangas
68414445c2
Add support for changing user color in name modal. Closes #1805
2022-08-09 19:56:45 -07:00
Gabe Kangas
9187a7a435
Experiment with using image component for logo. Closes #2019
2022-08-09 14:38:23 -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
533bdf9e3d
Remove duplicate summary
2022-07-12 17:43:17 -07:00
Gabe Kangas
c6e1a452ab
Render actual external action buttons. Closes #1997
2022-07-12 17:37:40 -07:00
Gabe Kangas
9212db100b
Use the actual summary text
2022-07-12 17:37:05 -07:00
Gabe Kangas
6ee2866260
Handle player being removed
2022-07-12 14:30:21 -07:00
Gabe Kangas
678d5c9fd6
Move statusbar back to under the player
2022-07-12 14:30:21 -07:00
Gabe Kangas
c4f51ec2c1
Guard against followers being unset
2022-07-12 13:14:39 -07:00
Gabe Kangas
8c2ffd5a0b
Pull followers from API. For #1861
2022-07-11 21:10:49 -07:00
Gabe Kangas
e0634abc98
Add Followers list and single follower component. Closes #1861
2022-07-11 18:29:58 -07:00
Gabe Kangas
100b43dd3a
Fix build errors
2022-07-10 17:00:56 -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
37ad329072
Fixed linter error
2022-07-08 09:12:26 +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
e73013affb
Logo now uses clamp to determine size
2022-07-03 12:34:55 +02:00
t1enne
b279f8f707
small fixes on chat behaviour
2022-07-02 09:56:03 +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
3c43db4d86
Make video poster fill player and not use the logo. For #1857
2022-06-29 14:01:41 -07: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
577ce5718d
Wire up notify popup to hide/show at correct times. Closes #1911
2022-06-26 23:01:52 -07:00
Gabe Kangas
8fc922588b
Add noreferrer automatically to link tags. Closes #1941
2022-06-26 20:09:07 -07:00
Gabe Kangas
b08393295f
Add option to hide viewer count. Closes #1939
2022-06-26 00:46:55 -07:00
Gabe Kangas
bb1c934c4b
Fix goodbye state not going back online. Closes #1977
2022-06-25 21:26:41 -07:00
Gabe Kangas
e6b857f3b2
Add toggle chat keyboard shortcut. Closes #1892
2022-06-24 23:27:17 -07:00
Gabe Kangas
6de93f9651
Move the favicons
2022-06-24 21:53:16 -07:00
Gabe Kangas
f4de7ed31f
Insert custom CSS styles into layout. Closes #1972
2022-06-24 21:42:42 -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
b7df2949e4
Remove interfont and use Open Sans + Poppins fonts instead. #1625
2022-06-24 16:27:45 -07:00
Gabe Kangas
5d65b4b3b1
Add undesigned functionality of follow modal. For #1862
2022-06-24 15:55:53 -07:00
Gabe Kangas
0c439ccba4
Add AirPlay support to player. Closes #1963
2022-06-21 15:38:37 -07:00
Gabe Kangas
8624358dde
Add latency compensator to player. Closes #1931
2022-06-19 21:23:26 -07:00
Gabe Kangas
ff968616ba
Support server-rendered index.html for all clients. Closes #1871
2022-06-19 16:35:55 -07:00
Gabe Kangas
1dbeac422f
Add player settings menu. Closes #1932
2022-06-19 13:49:42 -07:00
Gabe Kangas
221b9c8f0f
Add playback performance metrics. Closes #1930
2022-06-02 14:34:32 -07:00
Gabe Kangas
04597908a5
Add keyboard shortcuts for player controls. For #1892
2022-06-02 13:50:16 -07:00
Gabe Kangas
1684979187
Add working but unstyled notify registration modal
2022-05-29 22:08:57 -07:00
Gabe Kangas
1b26a44fb6
Fix concurrent rendering error + make logs debug level
2022-05-28 18:45:30 -07:00
Gabe Kangas
aae63e4e2c
Display global error if server is unreachable
2022-05-27 22:53:55 -07:00
Gabe Kangas
db184c74dd
Comment out the old ant overrides and try to make colors match design
2022-05-26 22:25:44 -07:00
Gabe Kangas
da0a2f5f5d
Fix play button z-index + add basic player theme
2022-05-26 21:44:54 -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
Gabe Kangas
5a51b2d779
Change cursor to pointer
2022-05-26 11:31:45 -07:00
Gabe Kangas
b3407cbdea
Remove user menu when chat is not available
2022-05-26 11:08:37 -07:00
Gabe Kangas
f041727f07
Add first pass for offline banner component
2022-05-25 22:52:27 -07:00
Gabe Kangas
281829a473
Support re-authing on invalid access token
2022-05-25 22:51:17 -07:00
Gabe Kangas
09ea1951be
Fix lint warning
2022-05-25 21:49:30 -07:00
Gabe Kangas
7b1667bf6a
Refactor app state to be a state machine with access selectors
2022-05-25 21:47:09 -07:00
t1enne
fd131a25af
Fixed two error logs
...
no nesting buttons inside buttons
mismatch between server and client redendered html
2022-05-24 22:26:04 +02:00
t1enne
a947e67968
ported some formatting logic from webroot
2022-05-24 08:47:22 +02:00
t1enne
d692a2bb5c
Styled chat messages
2022-05-22 16:10:34 +02:00
t1enne
b6dd441107
Fixed import and lint-errors
2022-05-22 15:05:40 +02:00
t1enne
018ee135b2
Moved chat header into ChatContainer and created component folder
2022-05-22 14:55:52 +02: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
0ddeb5dfb8
Added icons to voices in menu
2022-05-22 14:20:11 +02:00
t1enne
d1ea0fa81b
Destructured props
2022-05-22 14:19:39 +02:00
t1enne
abc210477f
Added icons to buttons
2022-05-22 14:18:16 +02:00
t1enne
bef99afa05
Few changes to Chat input
2022-05-22 08:37:23 +02:00
t1enne
e045ab605b
Changed user dropdown to include icon and removed font size
2022-05-22 08:36:52 +02:00
Gabe Kangas
99f40e28cb
Add placeholders for moderation actions
2022-05-20 13:23:46 -07:00
Gabe Kangas
3bc13fd08a
Add more mocks
2022-05-20 12:32:26 -07:00
t1enne
1b9c04210b
Fixed Slate error by providing initial value
2022-05-18 08:16:46 +02:00
Gabe Kangas
0bf1c7ce48
Add category icons as customizable svgs
2022-05-17 21:20:27 -07:00
