129 Commits

Author SHA1 Message Date
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
a89bceea37 Do not show empty state when loading followers. Closes #2249 2022-11-01 21:10:55 -07:00
628d70e37c Add rel=me to social links. Closes #2269 2022-10-28 20:16:30 -07:00
d91f682d21 Lazy load chat container 2022-10-28 12:19:39 -07:00
2e7787f70b Force the bundler to build the player as its own file 2022-10-28 12:19:39 -07:00
65fcbb9d3f Use Next Image component for social links 2022-10-28 12:19:38 -07:00
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
125343808d Fix display of auth modal. Re #2262. (#2265) 2022-10-26 14:35:46 -07:00
e7a4d53453 Remove buttons from offline banner and add inline links. Closes #2261 2022-10-24 22:24:14 -07:00
77369a3cbe Add follow+notify to actions menu and refactor how those modals are displayed. Closes #2247 2022-10-23 21:59:25 -07:00
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
5e761b13c4 Fix storybook build 2022-10-20 19:48:00 -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
fece33ccaf small css adjustments 2022-10-20 20:25:54 +02:00
0ff49f1c32 changed statusbar colors 2022-10-20 20:25:54 +02:00
ecfb4a4c53 fixed mobile ui overflowing 2022-10-20 20:25:54 +02:00
b8ce91d39a Coerce the iframe to fill the Modal a little better. (#2229) 2022-10-19 15:44:24 -07:00
de90e6a74c Fix some broken social icons in frontend and admin 2022-10-18 23:38:26 -07:00
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
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
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
e3c038f48d Revert "fix notification reminder popup -> purple background (#2209)"
This reverts commit ab573f67e9696ddc98370fbe0a2af8e730346e7c.
2022-10-16 22:49:43 -07:00
a2a294bc4c No longer lazy load followers 2022-10-16 22:40:17 -07:00
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
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
7843487b76 Fix followers request 2022-10-09 18:52:45 -07:00
34a5104a6d Add and use additional light background color for custom page content 2022-10-09 18:41:52 -07:00
7788fe3327 Support custom text in notify button 2022-10-09 14:45:42 -07:00
8a946b8444 Do not show status bar unless live 2022-10-08 18:53:45 -07:00
7e284aa4df Remove the restricted width of the page content 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
a9f97346a7 added chat bg variable and updated bg color to match design 2022-09-30 09:56:10 +02:00
683399c340 Removed fixed *px sizes in favor or *rem 2022-09-19 22:04:58 +02:00
b42876e34e Update max width of custom content. Closes #2092 2022-09-10 20:16:36 -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
b914408a11 Make footer not translucent 2022-09-08 22:23:28 -07:00
2774f4260a Add FediAuth modal 2022-09-08 21:44:52 -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