Commit graph

94 commits

Author SHA1 Message Date
infinite-persistence fc7edc875b
ChannelThumbnail improvements
- [x] (6332) The IntersectionObserver method of lazy-loading loads cached images visibly late on slower devices. Previously, it was also showing the "broken image" icon briefly, which we mended by placing a dummy transparent image as the initial src.
  - Reverted that ugly transparent image fix.
  - Use the browser's built-in `loading="lazy"` instead. Sorry, Safari.

- [x] Size-optimization did not take "device pixel ratio" into account.
  - When resizing an image through the CDN, we can't just take the dimensions of the tag in pixels directly -- we need to take zooming into account, otherwise the image ends up blurry.
  - Previously, we quickly disabled optimization for the channel avatar in the Channel Page because of this. Now that we know the root-cause, the change was reverted and we now go through the CDN with appropriate sizes. This also improves our Web Vital scores.

- [x] Size-optimization wasn't really implemented for all ChannelThumbnail instances.
  - The CDN-optimized size was hardcoded to the largest instance, so small images like sidebar thumbnails are still loading images that are unnecessarily larger.
  - There's a little-bit of hardcoding of values from CSS here, but I think it's a ok compromise (not something we change often). It also doesn't need to be exact -- the "device pixel ratio" calculate will ensure it's slightly larger than what we need.

- [x] Set `width` and `height` of `<img>` to improve CLS.
  - Addresses Ligthhouse complaints, although technically the shifting was addressed at the `ClaimPreviewTile` level (sub-container dimensions are well defined).
  - Notes: the values don't need to be the final CSS-adjusted sizes. It just needs to be in the right aspect ratio to help the browser pre-allocate space to avoid shifts.

- [x] Add option to disable lazy-load Channel Thumbnails
  - The guidelines mentioned that items that are already in the viewport should not enable `loading="lazy"`.
  - We have a few areas where it doesn't make sense to lazy-load (e.g. thumbnail in Header, channel selector dropdown, publish preview, etc.).
2021-07-05 16:04:10 +08:00
zeppi 2268ab01fb app works when id api fails 2021-06-18 10:57:19 -04:00
seanyesmunt f5125b25c2 update livestream eligibilty
add CHANNEL_STAKED_LEVEL_LIVESTREAM to config set to level 5
use odysee_live_enabled tag on users insead of experimental_ui
2021-04-12 11:17:17 -04:00
Sean Yesmunt 5aaa038d3f random fixes for livestreaming 2021-03-22 15:30:19 -07:00
DispatchCommit 02c0882d90 Create livestream page and generate signed streamkey 2021-03-22 15:29:59 -07:00
DispatchCommit 51a940ed62 Add Go Live to header dropdown 2021-03-22 15:29:58 -07:00
Sean Yesmunt 63453284dd add lbry.tv is shutting down message 2021-03-19 17:58:05 -04:00
infinite-persistence ddc5a65c49 Settings button: Fix typo that's causing error message.
Not really sure if the attribute is needed or not, but retained just in case.
2021-03-16 11:27:38 -04:00
Sean Yesmunt 84bab875bc improve mobile style and initial blocked screen loading 2021-03-05 16:51:38 -05:00
Sean Yesmunt ea74a66dbd
New moderation tools: block & mute (#5572)
* initial support for block/mute

* hide blocked + muted content everywhere

* add info message for blocked/muted characteristics

* sort blocked list by most recent block first

* add 'blocked' message on channel page for channels that you have blocked

* cleanup

* delete unused files

* always pass mute/block list to claim_search on homepage

* PR cleanup
2021-03-03 13:50:16 -05:00
Sean Yesmunt db87125dc8 refactor 'active' channel usage across the app 2021-02-11 10:45:34 -05:00
Sean Yesmunt 6903836ebe add 'immediately spendable' balance on header balance hover 2021-01-25 14:24:57 -05:00
Sean Yesmunt 5420a6a887 show total balance on wallet page/header 2021-01-22 11:46:27 -05:00
zeppi 99ab165a8f New repost flow
Clearer display of takeover amounts
Repost from empty search result, from top page, or from claim

review changes

final touches

bump

empty comment copy

they

emptier

validation cleanup

extra
2020-12-16 09:47:28 -05:00
Sean Yesmunt 87d54d9c88 show 'SITE_NAME view reward' message on txo list table 2020-12-15 16:22:40 -05:00
Sean Yesmunt 120300643f improved mobile-search experience 2020-12-11 14:37:06 -05:00
zeppi d7856b7618 settings use null when matching current browser language
default language functions

bugfix1

bugfix2

bugfix4
2020-11-23 14:12:31 -05:00
zeppi 463f72ee56 channel avatar fix 2020-11-10 16:41:21 -05:00
Sean Yesmunt f63de7f930 add nudges to sign up 2020-11-10 00:33:27 -05:00
jessop ed61ac44bf make header user icon reflect comment identity 2020-10-28 17:49:28 -04:00
Sean Yesmunt f54a0de797 bring in sync code from lbryinc 2020-10-27 10:17:11 -04:00
Sean Yesmunt 46a0d213fb fix channel profile img in header 2020-10-05 14:04:31 -04:00
Sean Yesmunt 489a4855e9 alignment with odysee branch 2020-10-05 13:56:43 -04:00
Sean Yesmunt 848495f82a keep notifications behind flag 2020-09-29 17:12:32 -04:00
Sean Yesmunt 707abdd280 move lbc symbol to left of amount 2020-09-29 17:12:32 -04:00
Sean Yesmunt bc89d774ba add youtube sync to first run 2020-09-29 17:12:32 -04:00
Sean Yesmunt 83a6589cd0 new lbc icon 2020-09-29 17:12:32 -04:00
Sean Yesmunt d434e62673 ensure close button always does something on authPage 2020-09-29 17:12:32 -04:00
Sean Yesmunt 1f2fabe81b Use sentence case for all card titles 2020-09-29 17:12:32 -04:00
Sean Yesmunt 2dee81b624 Sign In => Log in 2020-09-29 17:12:32 -04:00
infiinte-persistence ebdf9c1b11 Fix incorrect icon for 'Sign Up' and 'Sign In' 2020-09-15 12:50:49 -04:00
Sean Yesmunt a8c19818ed add back sign in link on desktop 2020-09-11 12:41:04 -04:00
jessop 6c4842a111 sync changes 2020-09-10 14:20:02 -04:00
Sean Yesmunt 7e35de3760 Register => Sign Up 2020-08-21 11:47:41 -04:00
Sean Yesmunt 3ca847ece3 show lbry link on share dialog for channels 2020-08-20 22:33:13 -04:00
Sean Yesmunt 4ebb463508 add back sign in link on desktop 2020-08-20 11:14:51 -04:00
Sean Yesmunt f5de744641 only show notification bubble in menu button on mobile 2020-08-19 12:50:12 -04:00
Sean Yesmunt a31f14b016 cleanup 2020-08-11 17:04:14 -04:00
Sean Yesmunt 692862c769 collapsable sidebar initial commit 2020-08-11 17:04:14 -04:00
jessop c33ce28805 sync settings generally based on navigation and settings paths 2020-07-30 17:05:30 -04:00
jessop b185857eb0 trigger sync on theme change in nav menu 2020-07-28 22:52:44 -04:00
jessop 0b3dbfc8f8 bump redux 2020-07-27 11:53:14 -04:00
jessop d9bf72a351 all settings constants come from redux
sync settings

backout nav cases and anon preference key

more robust backout header

put notificationSettings under backout bar

review changes
2020-07-27 11:53:14 -04:00
Sean Yesmunt 201417efcf Publish => Upload 2020-07-27 10:48:05 -04:00
Sean Yesmunt 90327a72ed add comments behind a flag 2020-07-23 11:03:00 -04:00
jessop 4131165d6a fix title 2020-07-08 18:35:49 -04:00
infiinte-persistence 9389b61f02 UserPasswordReset: Handle 'Cancel' and 'X' for the direct entry scenario.
The `UserPasswordReset` can be accessed in two places:
(1) While signing in
(2) From the Settings Page when changing password.

This commit:
- maintains the existing `Cancel|X` behavior for case-1, which is to remain in the Sign-in page.
- For case-2 and any future direct-entry, we'll simply call `goBack()`.
2020-07-08 14:36:04 -04:00
Sean Yesmunt ba71d36e9a remove unused styles and add title fallback 2020-07-02 13:01:31 -04:00
jessop ffa248a353 limit tags, new channel link 2020-07-02 12:18:59 -04:00
Sean Yesmunt 259f51abd6 style pass for channel edit
clean up sections and improve navigation handling

cleanup + image upload modal styling
2020-07-01 22:04:23 -04:00