Commit graph

90 commits

Author SHA1 Message Date
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