Gabe Kangas
67121426a5
Fire action in story when button is pressed
2022-11-18 17:10:14 -08:00
Gabe Kangas
18d92dbe9d
Wire up follower empty state. Closes #1913
2022-11-17 21:32:26 -08:00
Gabe Kangas
5020152a47
Use button color for notification popup
2022-11-17 20:41:02 -08:00
Gabe Kangas
d3ab62a98b
Fix footer link colors
2022-11-13 12:39:20 -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
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
Gabe Kangas
a89bceea37
Do not show empty state when loading followers. Closes #2249
2022-11-01 21:10:55 -07:00
Gabe Kangas
628d70e37c
Add rel=me to social links. Closes #2269
2022-10-28 20:16:30 -07:00
Gabe Kangas
d91f682d21
Lazy load chat container
2022-10-28 12:19:39 -07:00
Gabe Kangas
2e7787f70b
Force the bundler to build the player as its own file
2022-10-28 12:19:39 -07:00
Gabe Kangas
65fcbb9d3f
Use Next Image component for social links
2022-10-28 12:19:38 -07:00
Matthew Heller
8d222860f0
On narrow screens, bump the footer links to a second row. Re #2260 . ( #2267 )
...
* On narrow screens, bump the footer links to a second row. Re #2260 . Thanks to @kittee for CSS assistance.
* Prettified Code!
Co-authored-by: heller <heller@users.noreply.github.com>
2022-10-26 15:23:49 -07:00
Matthew Heller
125343808d
Fix display of auth modal. Re #2262 . ( #2265 )
2022-10-26 14:35:46 -07:00
Gabe Kangas
e7a4d53453
Remove buttons from offline banner and add inline links. Closes #2261
2022-10-24 22:24:14 -07:00
Gabe Kangas
77369a3cbe
Add follow+notify to actions menu and refactor how those modals are displayed. Closes #2247
2022-10-23 21:59:25 -07:00
t1enne
bddb895189
styled the default button and the mobile dropdown
2022-10-22 22:36:48 +02:00
t1enne
917248fc5b
moved footer to layout. changed some css
2022-10-22 10:46:17 +02:00
Gabe Kangas
f2f3dcfea7
Add mobile actions dropdown menu. Closes #2231
2022-10-21 23:58:39 -07:00
Gabe Kangas
3fbbecc0e8
Refactor action buttons callback
2022-10-21 22:24:29 -07:00
Gabe Kangas
5e761b13c4
Fix storybook build
2022-10-20 19:48:00 -07:00
Gabe Kangas
c6364959c9
Experiment with showing footer on about tab for mobile
2022-10-20 18:00:13 -07:00
t1enne
f603979ad9
added hook to calculate height for btm content
2022-10-20 21:53:16 +02:00
t1enne
fece33ccaf
small css adjustments
2022-10-20 20:25:54 +02:00
t1enne
0ff49f1c32
changed statusbar colors
2022-10-20 20:25:54 +02:00
t1enne
ecfb4a4c53
fixed mobile ui overflowing
2022-10-20 20:25:54 +02:00
Matthew Heller
b8ce91d39a
Coerce the iframe to fill the Modal a little better. ( #2229 )
2022-10-19 15:44:24 -07:00
Gabe Kangas
de90e6a74c
Fix some broken social icons in frontend and admin
2022-10-18 23:38:26 -07:00
Mahlangu
ad188f2742
fix purple background color for notification reminder pop up & fix failing build ( #2224 )
...
* fix notification reminder popup -> purple background
* Prettified Code!
* resolved color to color variables
* Prettified Code!
* fix purple bgcolor for notification reminder popp up & fix failing build
Co-authored-by: unclebinary1001 <unclebinary1001@users.noreply.github.com>
2022-10-17 21:54:26 -07:00
Pranav Joglekar
eb2c11b077
fix followers: align the followers to the left ( #2211 )
...
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-10-16 23:18:05 -07:00
Pranav Joglekar
ee08c42c6d
improv ui: make footer sit at bottom ( #2212 )
...
This commit makes the footer always attach to the bottom of the screen.
This is done by setting the minWidth of the main antd layout component
to 100vh and moving the footer component outside the spinner, since antd
does not allow granular component inside the spin component.
This commit also removes some styles which were not being used due to
invalid antd api.
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-10-16 23:07:21 -07:00
Gabe Kangas
e3c038f48d
Revert "fix notification reminder popup -> purple background ( #2209 )"
...
This reverts commit ab573f67e9
.
2022-10-16 22:49:43 -07:00
Gabe Kangas
a2a294bc4c
No longer lazy load followers
2022-10-16 22:40:17 -07:00
Mahlangu
ab573f67e9
fix notification reminder popup -> purple background ( #2209 )
...
* fix notification reminder popup -> purple background
* Prettified Code!
* resolved color to color variables
* Prettified Code!
Co-authored-by: unclebinary1001 <unclebinary1001@users.noreply.github.com>
2022-10-16 22:37:03 -07:00
Gabe Kangas
7967106fcc
Restore the loading state of the app. Closes #2195
2022-10-10 18:33:22 -07:00
Gabe Kangas
a526decef4
Refactor use of antd tab component. Closes #2098
2022-10-10 17:54:03 -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
Gabe Kangas
80a012a3c7
Add current user object that holds user session values instead of standalone getters. Closes #2050
2022-10-10 16:40:13 -07:00
Gabe Kangas
dd5b8e7ce5
Start of empty follower tab state. For #1913
2022-10-09 20:31:14 -07:00
Gabe Kangas
7843487b76
Fix followers request
2022-10-09 18:52:45 -07:00
Gabe Kangas
34a5104a6d
Add and use additional light background color for custom page content
2022-10-09 18:41:52 -07:00
Gabe Kangas
7788fe3327
Support custom text in notify button
2022-10-09 14:45:42 -07:00
Gabe Kangas
8a946b8444
Do not show status bar unless live
2022-10-08 18:53:45 -07:00
Gabe Kangas
7e284aa4df
Remove the restricted width of the page content
2022-10-08 18:53:45 -07:00
Gabe Kangas
6c2e25e597
Update the offline banner. Filed #2179 to discuss text
2022-10-08 15:05:52 -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
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
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
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
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
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
065c36a0a6
Fix invalid linter error about onLoad on an iframe
2022-09-04 22:52:32 -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
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
1a9b9f53fc
Add remote fediverse follow modal. Closes #1862
2022-08-22 18:27:47 -07:00
Gabe Kangas
c4479a0ffc
Add first pass at IndieAuth modal. For #1863
2022-08-20 16:16:24 -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
1f4493aaf9
Fix linter warnings
2022-08-15 17:49:15 -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
cf03a37aed
Remove category icon component
2022-08-10 20:32:16 -07:00
Gabe Kangas
681067ab93
Add custom offline message+api. Part of #1901
2022-08-09 22:09:43 -07:00
Gabe Kangas
9187a7a435
Experiment with using image component for logo. Closes #2019
2022-08-09 14:38:23 -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
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
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
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
b08393295f
Add option to hide viewer count. Closes #1939
2022-06-26 00:46:55 -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
1684979187
Add working but unstyled notify registration modal
2022-05-29 22:08:57 -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
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
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
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
abc210477f
Added icons to buttons
2022-05-22 14:18:16 +02:00
Gabe Kangas
3bc13fd08a
Add more mocks
2022-05-20 12:32:26 -07:00
Gabe Kangas
0bf1c7ce48
Add category icons as customizable svgs
2022-05-17 21:20:27 -07:00
Gabe Kangas
0d5d89a1c8
Fix empty state for text field
2022-05-17 17:58:51 -07:00
Gabe Kangas
f6525412c8
Fix typo + var defined in generated file
2022-05-17 17:58:06 -07:00
Gabe Kangas
97b2e64f58
Position the logo and title components
2022-05-17 16:08:39 -07:00
Gabe Kangas
51a12dc905
Fix logo to support non-square sizes
2022-05-17 16:08:38 -07:00
t1enne
b6aa20b0aa
worked on chat styling
2022-05-17 16:36:07 +02:00
t1enne
5f9995bab9
Merge branch 'webv2' of https://github.com/owncast/owncast into webv2
2022-05-17 08:43:01 +02:00
t1enne
a69ec7511a
Changed Layout a bit
...
now we use less state for the layout. Chat and header are now sticky.
Moved some css vars.
2022-05-17 08:41:39 +02:00
Gabe Kangas
f6eeee2463
Use icon instead of the word viewers
2022-05-16 23:20:56 -07:00
Gabe Kangas
528ae4c1ad
Add logo component and social links
2022-05-16 21:44:09 -07:00
Gabe Kangas
a1c06ec9de
Add notification reminder popup component
2022-05-16 20:08:22 -07:00
Gabe Kangas
e0f8a1f702
More accurately hide/show and track chat state
2022-05-13 14:44:16 -07:00
Gabe Kangas
ae78716572
Add more placeholder components and some mocks
2022-05-12 20:52:19 -07:00
Gabe Kangas
72c01e1b9a
Fix web project build errors
2022-05-11 23:31:31 -07:00
Gabe Kangas
ff6886575f
Add player poster
2022-05-10 15:36:09 -07:00
Gabe Kangas
92a1da4df6
Add custom Modal component
2022-05-09 15:34:02 -07:00
Gabe Kangas
2a8b474fa1
Format status bar text
2022-05-08 20:41:26 -07:00
t1enne
00bc662c7f
Changed Logo and Header
...
logo has two variants. Changed story to reflect that. Updated header
2022-05-08 10:45:45 +02:00
t1enne
93d69a26eb
Moved UserDropdown to comps/common/, updated imports, some styling on Header
2022-05-08 09:41:47 +02:00
t1enne
ced449175c
renamed component
2022-05-08 09:39:58 +02:00
Gabe Kangas
f835ae5086
Add action buttons and status bar
2022-05-07 16:13:06 -07:00
Gabe Kangas
448c23d097
Use some style values so it looks like this page is making progress
2022-05-07 10:25:04 -07:00
Gabe Kangas
97b957adbe
Add WIP external action buttons
2022-05-05 15:01:23 -07:00
Gabe Kangas
c56c45d904
Use contentEditable for chat input field
2022-05-04 16:55:54 -07:00
Gabe Kangas
008f607cf7
Fill out the follower component
2022-05-04 08:56:47 -07:00
t1enne
2cfb336411
Added mobile chat and some responsiveness
...
weird 0 popping out when toggling chat. wasn't able to find which
component is responsible. Used bare mininum scss. May refactor in the
future.
2022-05-04 09:55:44 +02:00
t1enne
502cf4478a
reworked slightly main layout
2022-05-03 23:55:13 +02:00
Gabe Kangas
a0354d6d49
Handle centralized app state and registration + chat history
2022-05-02 17:45:22 -07:00
Gabe Kangas
6314ed8667
Add performant list componant for rendering chat messages
2022-05-01 20:56:11 -07:00
Gabe Kangas
4997c7c5ac
Fill out some more components + add application state enums
2022-04-29 15:10:13 -07:00
Gabe Kangas
e5d3b0e4ee
More blank components and stories to be filled in
2022-04-28 14:36:05 -07:00
t1enne
b90eadcb4e
restructured components folders and layout ( #1886 )
2022-04-28 09:54:33 -07:00