Commit graph

150 commits

Author SHA1 Message Date
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
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
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
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
681067ab93
Add custom offline message+api. Part of #1901 2022-08-09 22:09:43 -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
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
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
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
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
f041727f07
Add first pass for offline banner component 2022-05-25 22:52:27 -07:00
Gabe Kangas
7b1667bf6a
Refactor app state to be a state machine with access selectors 2022-05-25 21:47:09 -07:00
t1enne
018ee135b2 Moved chat header into ChatContainer and created component folder 2022-05-22 14:55:52 +02:00
t1enne
abc210477f Added icons to buttons 2022-05-22 14:18:16 +02:00
Gabe Kangas
0bf1c7ce48
Add category icons as customizable svgs 2022-05-17 21:20:27 -07:00
Gabe Kangas
97b2e64f58
Position the logo and title components 2022-05-17 16:08:39 -07:00
Gabe Kangas
51a12dc905
Fix logo to support non-square sizes 2022-05-17 16:08:38 -07:00
t1enne
a69ec7511a Changed Layout a bit
now we use less state for the layout. Chat and header are now sticky.
Moved some css vars.
2022-05-17 08:41:39 +02:00
Gabe Kangas
528ae4c1ad
Add logo component and social links 2022-05-16 21:44:09 -07:00
Gabe Kangas
e0f8a1f702
More accurately hide/show and track chat state 2022-05-13 14:44:16 -07:00
Gabe Kangas
72c01e1b9a
Fix web project build errors 2022-05-11 23:31:31 -07:00
Gabe Kangas
ff6886575f
Add player poster 2022-05-10 15:36:09 -07:00
Gabe Kangas
92a1da4df6
Add custom Modal component 2022-05-09 15:34:02 -07:00
t1enne
ced449175c renamed component 2022-05-08 09:39:58 +02:00
Gabe Kangas
f835ae5086
Add action buttons and status bar 2022-05-07 16:13:06 -07:00
Gabe Kangas
448c23d097
Use some style values so it looks like this page is making progress 2022-05-07 10:25:04 -07:00
Gabe Kangas
97b957adbe
Add WIP external action buttons 2022-05-05 15:01:23 -07:00
Gabe Kangas
c56c45d904
Use contentEditable for chat input field 2022-05-04 16:55:54 -07:00
Gabe Kangas
008f607cf7
Fill out the follower component 2022-05-04 08:56:47 -07:00
t1enne
2cfb336411 Added mobile chat and some responsiveness
weird 0 popping out when toggling chat. wasn't able to find which
component is responsible. Used bare mininum scss. May refactor in the
future.
2022-05-04 09:55:44 +02:00
t1enne
502cf4478a reworked slightly main layout 2022-05-03 23:55:13 +02:00
Gabe Kangas
a0354d6d49
Handle centralized app state and registration + chat history 2022-05-02 17:45:22 -07:00
Gabe Kangas
e5d3b0e4ee
More blank components and stories to be filled in 2022-04-28 14:36:05 -07:00
t1enne
b90eadcb4e
restructured components folders and layout (#1886) 2022-04-28 09:54:33 -07:00