67 Commits

Author SHA1 Message Date
bddb895189 styled the default button and the mobile dropdown 2022-10-22 22:36:48 +02:00
917248fc5b moved footer to layout. changed some css 2022-10-22 10:46:17 +02:00
f2f3dcfea7 Add mobile actions dropdown menu. Closes #2231 2022-10-21 23:58:39 -07:00
3fbbecc0e8 Refactor action buttons callback 2022-10-21 22:24:29 -07:00
c6364959c9 Experiment with showing footer on about tab for mobile 2022-10-20 18:00:13 -07:00
f603979ad9 added hook to calculate height for btm content 2022-10-20 21:53:16 +02:00
ecfb4a4c53 fixed mobile ui overflowing 2022-10-20 20:25:54 +02: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
a2a294bc4c No longer lazy load followers 2022-10-16 22:40:17 -07:00
7967106fcc Restore the loading state of the app. Closes #2195 2022-10-10 18:33:22 -07:00
a526decef4 Refactor use of antd tab component. Closes #2098 2022-10-10 17:54:03 -07:00
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
80a012a3c7 Add current user object that holds user session values instead of standalone getters. Closes #2050 2022-10-10 16:40:13 -07:00
dd5b8e7ce5 Start of empty follower tab state. For #1913 2022-10-09 20:31:14 -07:00
8a946b8444 Do not show status bar unless live 2022-10-08 18:53:45 -07:00
6c2e25e597 Update the offline banner. Filed #2179 to discuss text 2022-10-08 15:05:52 -07:00
b1484f4c9f Lazy load some components that aren't needed at load. For #2167 2022-10-03 21:06:46 -07:00
8ee9be5d88 Support disabled chat. Closes #1979 2022-09-10 20:03:58 -07:00
8d02f4068d Polish up the initial loading experience 2022-09-10 18:08:56 -07:00
0430adc502 Add mobile-specific tabs+content 2022-09-10 12:08:28 -07:00
20ea5d051f Clean up some styles and fix mobile rendering 2022-09-09 23:23:24 -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
6c06f4fd67 Update footer 2022-08-29 23:33:53 -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
f3d611e762 Fix content header not rendering properly on mobile 2022-08-22 21:50:17 -07:00
c2bd9436ba Show moderation menu for moderators. Closes #1864 2022-08-22 19:25:16 -07:00
a521ba21d8 Add admin field for setting offline message. Closes #1901 2022-08-16 21:48:06 -07:00
6ffe720d90 Update to the page content header 2022-08-16 17:55:12 -07:00
681067ab93 Add custom offline message+api. Part of #1901 2022-08-09 22:09:43 -07:00
533bdf9e3d Remove duplicate summary 2022-07-12 17:43:17 -07:00
c6e1a452ab Render actual external action buttons. Closes #1997 2022-07-12 17:37:40 -07:00
678d5c9fd6 Move statusbar back to under the player 2022-07-12 14:30:21 -07:00
8c2ffd5a0b Pull followers from API. For #1861 2022-07-11 21:10:49 -07:00
e0634abc98 Add Followers list and single follower component. Closes #1861 2022-07-11 18:29:58 -07:00
255585cd9f Update components to use the new style/color names 2022-07-10 16:45:19 -07:00
f130abb8f9 Minor styling changes 2022-07-10 09:00:29 +02:00
efbe6907ac Reworked mobile UI for some components 2022-07-08 22:20:22 +02:00
ffc73f2760 Added chat tab on mobile layouts and other changes to mobile UI 2022-07-08 09:10:18 +02:00
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
577ce5718d Wire up notify popup to hide/show at correct times. Closes #1911 2022-06-26 23:01:52 -07:00
e08037b64a Wire up chat message props. Add username highlighting. Closes #1921 2022-06-24 21:30:54 -07:00
1684979187 Add working but unstyled notify registration modal 2022-05-29 22:08:57 -07:00
db184c74dd Comment out the old ant overrides and try to make colors match design 2022-05-26 22:25:44 -07:00
f041727f07 Add first pass for offline banner component 2022-05-25 22:52:27 -07:00
7b1667bf6a Refactor app state to be a state machine with access selectors 2022-05-25 21:47:09 -07:00
abc210477f Added icons to buttons 2022-05-22 14:18:16 +02:00
0bf1c7ce48 Add category icons as customizable svgs 2022-05-17 21:20:27 -07:00
97b2e64f58 Position the logo and title components 2022-05-17 16:08:39 -07:00
51a12dc905 Fix logo to support non-square sizes 2022-05-17 16:08:38 -07:00