42 Commits

Author SHA1 Message Date
19c228eaf6 Allow adding custom javascript to the page. Closes #2604 2023-01-18 22:38:24 -08:00
2853752937 Make each admin page specify is own layout. Closes #2584 2023-01-15 23:12:38 -08:00
b8016eaa90 fix scroll on mobile (#2585)
* fix scrolling issues on mobile

* resolve conflict
2023-01-15 18:37:21 -08:00
d5960524fc Tweak admin styles to be using less custom overrides 2023-01-13 14:20:46 -08:00
2ff4316ee6 Fix admin subpages not having a layout 2023-01-11 22:44:15 -08:00
d8a5380b7f Fix some React lifecycle and rendering errors that exist in build 2023-01-10 16:39:20 -08:00
cfaeda94b0 Lazy load more components. #2167 2023-01-10 00:37:12 -08:00
c05a20a460 Use built-in Next layout support + lazy load
Instead of doing manual layout switching use the Nextjs nested layout
support. Also add some additional lazy loading of components. This is to
work on performance score re: #2167.
2023-01-09 01:08:24 -08:00
0a602edf5e Double scrollbars (#2509)
* hide footer on mobile to avoid double scrollbars

* fix double scrollbars on desktop by removing scroll behaviour from main section

* add scrollbar styles to body and html

* add vertical scrolling back to main section

* prevent header from collapsing and messing around with scrolling

* prevent body from scrolling for main layout

* move tablet breakpoint into breakpoint mixin

* preffify code

* remove js height calc for lower section on mobile and use css

* enable scrolling within a tab on mobile

* remove scrollbar from main section on mobile

* adjust header height on mobile

* add react use to web

* lock body scroll for main layout
2022-12-29 10:14:12 -08:00
d4ffe02645 Fix title getting lost due to multiple callbacks firing. Closes #2351 2022-12-25 16:04:01 -08:00
0c3d3f1c17 Move footer to not be sticky. Closes #2288 2022-12-05 21:04:59 -08:00
2e0f0d1a53 Use absolute URL for og:image if set. Closes #2250 2022-11-18 21:37:54 -08:00
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
da66f3b051 Do not display go template tag in dev 2022-10-24 18:27:01 -07:00
a0093fb0c9 Fix server rendered title tag. Closes #2251 2022-10-23 23:09:21 -07:00
8aed27e44d Refactor server-rendered tags. Closes #2246 2022-10-22 16:51:09 -07:00
917248fc5b moved footer to layout. changed some css 2022-10-22 10:46:17 +02:00
4ca0e69be6 Open all links in a new tab. Closes #2160 2022-10-20 20:13:18 -07:00
2c45b420e5 Import server-rendered template as plain text + add title tag. Closes #2161 2022-10-20 19:40:33 -07:00
37cdbb8dbd Add backgrounded stream+messages title notifier. Closes #2208 2022-10-18 19:21:08 -07:00
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
4c13c3618d Remove admin stylesheets from loading with app. Closes #2183 2022-10-10 13:31:37 -07:00
2de23a3458 Only client-render server-rendered templates in production builds. Closes #2176 2022-10-08 15:34:11 -07:00
8ee9be5d88 Support disabled chat. Closes #1979 2022-09-10 20:03:58 -07:00
42ff0cdb01 Add server-side hydration of initial config+status. Closes #1964 2022-09-10 15:37:07 -07:00
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
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
8fc922588b Add noreferrer automatically to link tags. Closes #1941 2022-06-26 20:09:07 -07:00
f4de7ed31f Insert custom CSS styles into layout. Closes #1972 2022-06-24 21:42:42 -07:00
ff968616ba Support server-rendered index.html for all clients. Closes #1871 2022-06-19 16:35:55 -07:00
aae63e4e2c Display global error if server is unreachable 2022-05-27 22:53:55 -07:00
b3407cbdea Remove user menu when chat is not available 2022-05-26 11:08:37 -07:00
e0f8a1f702 More accurately hide/show and track chat state 2022-05-13 14:44:16 -07:00
72c01e1b9a Fix web project build errors 2022-05-11 23:31:31 -07:00
21585f5aea Use title or name in header 2022-05-08 18:05:37 -07:00
502cf4478a reworked slightly main layout 2022-05-03 23:55:13 +02:00
e0c073171d Rename layout files 2022-04-28 12:57:51 -07:00
b90eadcb4e restructured components folders and layout (#1886) 2022-04-28 09:54:33 -07:00
91b0db9c2e Add placeholder components to be worked on 2022-04-27 23:19:45 -07:00
15ca73a438 WIP VideoPoster 2022-04-26 13:50:14 -07:00
e2e21d915b Initial api requests + stores + basic layout 2022-04-25 23:10:07 -07:00
79bfa0145f Moved admin to /admin and created blank placeholder for v2 frontend 2022-04-25 15:54:37 -07:00