Commit graph

769 commits

Author SHA1 Message Date
Gabe Kangas
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583 2023-01-15 22:31:36 -08:00
André Rusakow
b8016eaa90
fix scroll on mobile (#2585)
* fix scrolling issues on mobile

* resolve conflict
2023-01-15 18:37:21 -08:00
Gabe Kangas
e48e274c79
Only show moderator notification once. Closes #2578 2023-01-13 20:53:10 -08:00
Gabe Kangas
d5960524fc
Tweak admin styles to be using less custom overrides 2023-01-13 14:20:46 -08:00
Gabe Kangas
bf92705dfc
Fix link 2023-01-13 14:19:32 -08:00
Gabe Kangas
2c2dae9e00
Make the footer have a consistant height 2023-01-13 00:28:05 -08:00
Gabe Kangas
1d58b7fbad
Center column of followers on mobile. Closes #2515 2023-01-12 15:06:02 -08:00
Gabe Kangas
bf3ee58e87
Fix followers collection story 2023-01-12 15:06:02 -08:00
Gabe Kangas
48e99ff37c
Move icons to public directory. Fixes #2573 2023-01-12 13:53:09 -08:00
Gabe Kangas
aadf721808
Move the contributor comment to end of source 2023-01-11 23:50:26 -08:00
Gabe Kangas
c7e12643e9
Point link to genera admin settings page 2023-01-11 22:44:55 -08:00
Gabe Kangas
2ff4316ee6
Fix admin subpages not having a layout 2023-01-11 22:44:15 -08:00
Gabe Kangas
4bac079a73
Make footer sit on bottom of page. Closes #2188 2023-01-11 18:56:10 -08:00
Gabe Kangas
9cc7b1cf2d
Add a little comment for those viewing HTML source that we could use contributors 2023-01-11 18:26:54 -08:00
Gabe Kangas
bb9b8a8123
Use own scroll to bottom function instead of built-in. Closes #2500 2023-01-11 00:53:18 -08:00
Gabe Kangas
b989e9a462
Remove chat container bottom margin 2023-01-11 00:52:03 -08:00
Gabe Kangas
7ce35a8a08
Increase user message border width 2023-01-11 00:51:39 -08:00
Gabe Kangas
8b36194471
Fix another rendering error 2023-01-10 16:51:15 -08:00
Gabe Kangas
d8a5380b7f
Fix some React lifecycle and rendering errors that exist in build 2023-01-10 16:39:20 -08:00
Gabe Kangas
73fbb4c075
Use header tag 2023-01-10 01:09:49 -08:00
Gabe Kangas
85dc3bf21e
Fix storybook errors 2023-01-10 01:00:13 -08:00
Gabe Kangas
cfaeda94b0
Lazy load more components. #2167 2023-01-10 00:37:12 -08:00
Gabe Kangas
7392ae8a54
Reorganize admin components to help bundling 2023-01-10 00:37:11 -08:00
Gabe Kangas
29882f1291
Lazy load tooltip 2023-01-10 00:37:11 -08:00
Gabe Kangas
bd3c81c353
Replace he html decoding lib with entities 2023-01-10 00:37:10 -08:00
Gabe Kangas
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
Gabe Kangas
15747f86dd
Lazy load followers components 2023-01-09 01:08:24 -08:00
Gabe Kangas
e4a02dea91
No reason to use the Image component here 2023-01-08 20:03:06 -08:00
Gabe Kangas
81c505d731
Hack to force scroll to very bottom at mount. For #2500 2023-01-05 02:16:37 -08:00
Harpreet Singh
2e56684314
Move enable save button logic to a use effect hook. This updates state without delay. (#2548) 2023-01-04 13:54:34 -08:00
Michael David Kuckuk
2f2300db8d
Add initiallyMuted query parameter to embed player (#2539)
* Add query param to initially mute embed player

* Add stories for embed player

* Improve VideoJS typing
2022-12-31 16:08:54 -08:00
Harpreet Singh
41499c78c3
Update logic for canSave() to allow saving regardless of the enabled value. (#2538) 2022-12-31 14:44:49 -08:00
Gabe Kangas
48f7a18419
Do not show followers bg color on mobile 2022-12-29 23:00:23 -08:00
Gabe Kangas
04b0f4548c
Remove duplicate API call + explicitly set loading state 2022-12-29 22:59:53 -08:00
Gabe Kangas
a971a79296
Fix name change clearing chat history. Closes #2532 2022-12-29 20:11:20 -08:00
Gabe Kangas
533d33847c
Hide disabled features (#2473)
* Hide/show on notify and fediverse feature disable/enable

* Update browser tests to enable features for testing

* Hide/show features in mobile action menu

* Do not show fediauth option if fediverse features are not enabled.

* Force showing tabs when in Storybook
2022-12-29 16:26:04 -08:00
André Rusakow
15533d3d8a
wrap promise response in set timeout to keep local state in sync (#2531) 2022-12-29 13:19:23 -08:00
Jambaldorj Ochirpurev
31a3868216
fix Notify Reminder Popup Design (#2529) 2022-12-29 12:04:28 -08:00
André Rusakow
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
André Rusakow
05c8ce223b
Filesize limit for logoupload (#2522)
* add readable byts helper function

* adjust wording for logo upload

* limit file size to 2 MB

* remove log

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-12-28 15:41:49 -08:00
Shashwat Agrawal
397f940669
Center followers list 2515 (#2520)
* centered the follower

* left-align in desktop devices

Co-authored-by: Shashwat <shashwat>
2022-12-27 22:49:41 -08:00
Gabe Kangas
5a41f4a1ea
Reorganize admin pages and consolidate some sections. For #1904 2022-12-27 18:51:13 -08:00
Rishav Raj
1a9b3f85bb
Footer text wrap solved. (#2508)
* Font size reduced

* Update Footer.module.scss
2022-12-27 12:08:49 -08:00
Jambaldorj Ochirpurev
f8a481ff70
Fix/issue#2441 (#2443)
* fix the rendering issues related to More Info

* update

* update Chat Moderation Details component
2022-12-27 11:57:44 -08:00
Anderer Zyklus
35e6c69612
updated 'Help' menu item on admin panel to point to '/admin/help'. (#2516) 2022-12-27 11:39:16 -08:00
Gabe Kangas
b55b7a54ea
Specify what element the popup should draw in to fix scrolling. For #2358 2022-12-26 20:05:00 -08:00
Gabe Kangas
b21dfaa2b9
Tweak the border of account in follow modal 2022-12-26 20:04:59 -08:00
André Rusakow
53d3a67533
hide user name in user dropdown on mobile (#2512)
* hide user name in user dropdown on mobile

* truncate title in header

* prettify code

* Add line height to prevent cutting of lower length letters
2022-12-26 14:09:52 -08:00
Gabe Kangas
d4ffe02645
Fix title getting lost due to multiple callbacks firing. Closes #2351 2022-12-25 16:04:01 -08:00
Gabe Kangas
353e9c5896
Add logging to troubleshoot #2351 2022-12-24 21:21:39 -08:00
Gabe Kangas
5c01efd3e2
Wrap title in header tag. Do not allow it to wrap. Closes #2474 #2446 2022-12-24 16:45:45 -08:00
Gabe Kangas
fb1aca165f
Give the chat text input surrounding a background color 2022-12-24 15:32:15 -08:00
Gabe Kangas
c871251769
Tweak positioning of emoji picker popover 2022-12-24 15:08:46 -08:00
Gabe Kangas
01082c5e0b
Reduce top padding in content header 2022-12-24 14:59:03 -08:00
Meisam
d814ff77ac
update SocialLinks module width (#2477) 2022-12-23 13:49:09 -08:00
Gabe Kangas
31f77cf1f0
Tweaks to chat bottom handling for #2342 2022-12-20 00:37:22 -08:00
Gabe Kangas
c597a0de9e
Add accessibility properties to chat text input. Closes #2444 2022-12-19 21:49:11 -08:00
Gabe Kangas
e85f7c8086
Remove unused imports 2022-12-19 18:38:07 -08:00
Gabe Kangas
8376420e86
Add additional descriptive text to compose post modal. 2022-12-19 18:38:06 -08:00
Gabe Kangas
edfb44d7a8
Change style of compose post button + remove thumbnail preview. Closes #2463 2022-12-19 18:38:06 -08:00
Silk Sow
df5e956801
Replace FediAuthModal placeholder explainer text (#2464)
* Replace placeholder explainer text 

Fixes https://github.com/owncast/owncast/issues/2453

* Prettified Code!

Co-authored-by: silksow <silksow@users.noreply.github.com>
2022-12-17 14:05:11 -08:00
Gabe Kangas
f992df8209
Add key to menu item 2022-12-16 18:06:03 -08:00
Gabe Kangas
aa5d5fc32d
Some admin related appearance tweaks. For working on #1904 2022-12-16 17:35:03 -08:00
Gabe Kangas
9ed14ca73f
Refactor player button to fix Safari issues. Closes #2440 2022-12-15 21:28:09 -08:00
Gabe Kangas
fb7cff54d0
Tweak badge styles 2022-12-15 19:40:26 -08:00
Gabe Kangas
a2445e1fcf
Show hide/show chat instead of toggle in user menu. Closes #2454 2022-12-15 19:23:43 -08:00
Gabe Kangas
3d4c26ce39
Fix modal content height. Closes #2070 2022-12-14 23:54:48 -08:00
Gabe Kangas
5951ce527b
Fix typo 2022-12-14 23:54:44 -08:00
Gabe Kangas
890ebdfff6
Tweak style of scroll to bottom button 2022-12-14 12:54:31 -08:00
Gabe Kangas
ba0c62e8a0
Support different link validation methods for platforms. Closes #2449 2022-12-14 11:53:13 -08:00
Gabe Kangas
11c4d80e28
Export new url validation functions 2022-12-14 11:52:11 -08:00
Gabe Kangas
e64da8003c
More component selectors for CSS overrides for #2193 2022-12-12 22:54:52 -08:00
Gabe Kangas
660ea10dab
Change loading state. Closes #2248 2022-12-12 19:10:49 -08:00
Gabe Kangas
9ddc41b2fc
Fix broken Fediverse logo in admin. Closes #2380 2022-12-12 17:43:29 -08:00
Gabe Kangas
efdce41d53
Fix sidebar link title 2022-12-12 17:25:15 -08:00
Gabe Kangas
2fdbb1e482
Support CSP nonce for webv2. Closes #2127 2022-12-12 17:04:00 -08:00
Gabe Kangas
9317efc253
Fix story using the wrong prop name 2022-12-12 10:30:13 -08:00
Philipp
dc54dfe363
Feature: emoji editor (#2411)
* Custom emoji editor: implement backend

This reuses the logo upload code

* Implement emoji edit admin interface

Again reuse base64 logic from the logo upload

* Allow toggling between uploaded and default emojis

* Add route that always serves uploaded emojis

This is needed for the admin emoji interface,
as otherwise the emojis will 404 if custom emojis are disabled

* Fix linter warnings

* Remove custom/uploaded emoji logic

* Reset timer after emoji deletion

* Setup: copy built-in emojis to emoji directory
2022-12-12 08:40:43 -08:00
Gabe Kangas
c231fd3592
First pass at CSS identifiers + test to verify they are set. For #2193 2022-12-11 21:06:20 -08:00
Gabe Kangas
047e61133a
Reduce the height of the header 2022-12-08 14:35:57 -08:00
Jambaldorj Ochirpurev
cc81f2a68e
Fix video config admin modal layout (#2414)
* update the UI of admin video config modal

* fix the Video Config UI

* Prettified Code!

* update the VideoVarientForm.tsx

* Prettified Code!

Co-authored-by: dorj222 <dorj222@users.noreply.github.com>
2022-12-07 16:15:38 -08:00
Gabe Kangas
1d245dbbc1
Fix user settings dropdown story not rendering. Closes #2350 2022-12-05 23:13:55 -08:00
Gabe Kangas
87f6741bfb
Fix styling of notification modal. Closes #2080 2022-12-05 22:11:11 -08:00
Gabe Kangas
4bcfc82a30
Make the push notification modal slightly more correct. Closes #2163 2022-12-05 21:53:14 -08:00
Gabe Kangas
5bc7fe04b6
Give scrollbar thumb a slight radius 2022-12-05 21:53:13 -08:00
Gabe Kangas
0c3d3f1c17
Move footer to not be sticky. Closes #2288 2022-12-05 21:04:59 -08:00
Americo Barros
a8fea0df80
Fix URL Modal scrolling and size (#2410)
* Change iframe style to block
- this removes the double scrollbar issue that was occurring

* Change and Add default modal sizes
2022-12-05 19:42:08 -08:00
Gabe Kangas
8a14173066
Increase the bottom threshold for chat container. Closes #2342 2022-12-01 19:26:16 -08:00
Gabe Kangas
d503c8a2e0 Updates to the admin to reflect new stream keys and admin password split 2022-11-29 16:05:44 -08:00
Meisam
268af5c20e
activate save on s3 bucket change in admin (#2392) 2022-11-29 11:12:06 -08:00
Gabe Kangas
49b4300e2e
Replace search button on auth modals. Closes #2377 2022-11-28 22:41:33 -08:00
Gabe Kangas
dab83505a8
Add ID to name change button 2022-11-23 11:41:58 -08:00
Philipp
56a3f350ee
Chat name & color modal (#2347)
* Improve name & color change modal design

* Resend user info after color change

That way the name change dialog shows the correct
color when opening it the next time

* Name change modal: allow overflow of color picker

* Allow submitting form only if button is enabled

* Prettified Code!

* Make button & text input same height

Co-authored-by: xarantolus <xarantolus@users.noreply.github.com>
2022-11-23 10:52:39 -08:00
Gabe Kangas
4838562af8
Fix online app state not being set during goodbye state 2022-11-20 13:27:43 -08:00
Gabe Kangas
4eb25e3509
Remove log message 2022-11-20 13:27:42 -08:00
Gabe Kangas
d0cc0d8e56
Play around with sizing and placement of player. For #2204 and #2303 2022-11-19 13:35:37 -08:00
Gabe Kangas
ce1c564797
Add margin under bottom chat message 2022-11-19 12:56:38 -08:00
Gabe Kangas
7ba2730736
Fix action button icon sizing. Closes #2137 2022-11-19 11:00:45 -08:00
Gabe Kangas
2e0f0d1a53
Use absolute URL for og:image if set. Closes #2250 2022-11-18 21:37:54 -08:00
Gabe Kangas
67121426a5
Fire action in story when button is pressed 2022-11-18 17:10:14 -08:00
Gabe Kangas
a75c838ef3
Populate user message tooltip. Closes #2343 2022-11-18 17:08:46 -08:00
Gabe Kangas
62c556aa2a
Add video playlist cachebuster. Closes #2349 2022-11-17 22:10:53 -08:00
Gabe Kangas
18d92dbe9d
Wire up follower empty state. Closes #1913 2022-11-17 21:32:26 -08:00
Gabe Kangas
c9031d8d6b
Migrate to the updated antd menu items. Closes #2228 2022-11-17 20:42:50 -08:00
Gabe Kangas
5020152a47
Use button color for notification popup 2022-11-17 20:41:02 -08:00
Gabe Kangas
32d0850854
Fix another first-launch bug 2022-11-13 19:29:10 -08:00
Gabe Kangas
f5355f244c
Change status handling 2022-11-13 16:03:37 -08:00
Gabe Kangas
c5f02a091b
Handle all server status changes 2022-11-13 14:50:20 -08:00
Gabe Kangas
d2f65380a1
Fix issue when trying to collapse non-user message 2022-11-13 14:49:49 -08:00
Gabe Kangas
447779b439
Reduce textfield padding 2022-11-13 13:18:17 -08:00
Gabe Kangas
bc6af8251e
Add padding to chat messages 2022-11-13 12:43:15 -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
f348203016
Fix delay in app state being set 2022-11-13 10:47:28 -08:00
Gabe Kangas
9ca012cc8b
Fix settings items not being returned 2022-11-12 23:42:33 -08:00
Gabe Kangas
ac32e691a0
Fix some playery errors and layout issues 2022-11-12 23:36:00 -08:00
Gabe Kangas
d81b6803d2
Settings items text color 2022-11-12 23:35:59 -08:00
Gabe Kangas
00dc8c6802
Use updated MenuButton creation 2022-11-12 23:35:59 -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
20e9d030ed
Fix logo alignment for mobile. Closes #2263 2022-11-06 16:09:05 -08:00
Gabe Kangas
b9f5b1da19
Fix change name modal story not rendering. Closes #2255 2022-11-06 15:33:21 -08:00
Gabe Kangas
4cdbcc642d
Tweak Chromatic diffThreshold to reduce false negative tests 2022-11-05 17:27:44 -07: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
595865c11d
Fix infinite load on first launch. Closes #2302 2022-11-04 18:35:50 -07:00
Matthew Heller
3021dd7795
Always show the 'send chat message' button. Re #2293. (#2298) 2022-11-03 10:36:03 -07:00
Matthew Heller
64b20cf070
Use 16px font size to prevent auto zoom on iOS Safari. Shorten the 'type here' message so it doesn't wrap to a second line when the chat pane becomes a column on the right side of larger screens. Re #2276. (#2294) 2022-11-02 12:34:57 -07:00
Gabe Kangas
50f23a0807
Changes to troubleshoot #2291 2022-11-02 00:02:32 -07:00
Gabe Kangas
a89bceea37
Do not show empty state when loading followers. Closes #2249 2022-11-01 21:10:55 -07:00
Matthew Heller
8320f282d8
More renames from 'visible' to 'open'. (#2290) 2022-11-01 14:50:23 -07:00
Gabe Kangas
0e8f14a58a
Fix text input width. Closes #2184 2022-10-28 22:47:21 -07:00
Gabe Kangas
e0b7ae5b3a
Fix auth modal story not rendering. Closes #2254 2022-10-28 22:22:56 -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
952b28f8bf
Explicitly set state for config+status when hydrated 2022-10-24 21:26:03 -07:00
Gabe Kangas
da66f3b051
Do not display go template tag in dev 2022-10-24 18:27:01 -07:00
Gabe Kangas
a0093fb0c9
Fix server rendered title tag. Closes #2251 2022-10-23 23:09:21 -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
Gabe Kangas
8aed27e44d
Refactor server-rendered tags. Closes #2246 2022-10-22 16:51:09 -07:00
t1enne
b285115a3e fixed linter error 2022-10-22 22:38:44 +02:00
t1enne
bddb895189 styled the default button and the mobile dropdown 2022-10-22 22:36:48 +02:00
t1enne
b7795f275c corrected media query 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
t1enne
f6e158ab88 reduced font weight of message text 2022-10-22 10:46:17 +02:00
t1enne
7c0474f14a made trigger button antd component 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
fb9001949b
Fix follow modal height. Closes #2235 2022-10-20 20:36:44 -07:00
Gabe Kangas
420d6c835d
Add missing slashes 2022-10-20 20:36:44 -07:00
Gabe Kangas
4ca0e69be6
Open all links in a new tab. Closes #2160 2022-10-20 20:13:18 -07:00
Gabe Kangas
5e761b13c4
Fix storybook build 2022-10-20 19:48:00 -07:00
Gabe Kangas
2c45b420e5
Import server-rendered template as plain text + add title tag. Closes #2161 2022-10-20 19:40:33 -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
t1enne
5eebb10fe6 action buttons now wrap 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
Gabe Kangas
e75b20d6ca
Support customSocketOverride value for websocket. Closes #2225 2022-10-18 20:43:23 -07:00
Gabe Kangas
91c7bed0e8
Add action message type to chat. Closes #2226 2022-10-18 19:47:38 -07:00
Gabe Kangas
a58d4d6997
Remove debug logging 2022-10-18 19:44:46 -07:00
Gabe Kangas
37cdbb8dbd
Add backgrounded stream+messages title notifier. Closes #2208 2022-10-18 19:21:08 -07:00
Gabe Kangas
3e89937d2b
Handle websocket errors and reconnection. Closes #1869 2022-10-18 16:39:49 -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
27565c2b02
Show play button on player pause. Closes #2206 2022-10-12 19:24:41 -07:00
Gabe Kangas
ee283311ec
Do not render icon of action button if icon is not set. Closes #2203 #2202 2022-10-12 19:15:47 -07:00
Gabe Kangas
d40e66b7ef
Stop playback metrics on player unmount 2022-10-12 19:15:47 -07:00
Gabe Kangas
88bb8336f3
Fix player not staying inline on iOS. Closes #2097 2022-10-12 17:53:37 -07:00
Gabe Kangas
61e1a49fd4
Replace markdown editor with CodeMirror 2022-10-10 20:16:14 -07:00
Gabe Kangas
e1416e90e5
Use a real code editor for CSS editing. Closes #1843 2022-10-10 19:49:06 -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
aa1b4819bb
Fix hook count error 2022-10-10 16:57:11 -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
4c13c3618d
Remove admin stylesheets from loading with app. Closes #2183 2022-10-10 13:31:37 -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
juliana-mol
9f2aa66527
chat story controls (#2181)
* chat story controls

* Prettified Code!

Co-authored-by: juliana-mol <juliana-mol@users.noreply.github.com>
2022-10-09 11:25:48 -07:00
Gabe Kangas
9c1fac7468
Do not show raw error in the fatal error modal 2022-10-08 23:15:38 -07:00
Gabe Kangas
cd3722d9f1
Limit chat input to max characters. Closes #2109 2022-10-08 22:33:50 -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
23b5468ed4
Fix error thrown by player after player is unmounted 2022-10-08 17:51:17 -07:00
Gabe Kangas
6773fc37a5
Fix space bar moving page. Closes #2110 2022-10-08 17:15:19 -07:00
Gabe Kangas
ded47a0c25
Make live indicator use our theme colors. For #1899 2022-10-08 16:51:49 -07:00
Gabe Kangas
2de23a3458
Only client-render server-rendered templates in production builds. Closes #2176 2022-10-08 15:34:11 -07:00
Gabe Kangas
6c2e25e597
Update the offline banner. Filed #2179 to discuss text 2022-10-08 15:05:52 -07:00
Cleo John
34f35974e0
Change Airplay to SVG and refactor (#2156)
* Replaced airplay.png with airplay.svg

* Refactor VideoJS.scss to propper scss syntax

* Fix for the messup I made during the refactor

* fix airplay size

* hotfix fixed aircast styling
2022-10-06 18:57:49 -07:00
Gabe Kangas
19e4e99127
First pass at the social/federated chat component. Closes #2172 2022-10-05 22:43:24 -07:00
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