Design Fallout Patch 10 (#1340)

* Design Fallout Patch 10

ui/component/fileReactions/index.js

@@ -14,7 +14,15 @@ const select = (state, props) => {
   const claim = selectClaimForUri(state, uri);
   const { claim_id: claimId, signing_channel, value_type } = claim || {};
 
-  const channelName = signing_channel && signing_channel.name;
+  let channelTitle = null;
+  if (signing_channel) {
+    const { value, name } = signing_channel;
+    if (value && value.title) {
+      channelTitle = value.title;
+    } else {
+      channelTitle = name;
+    }
+  }
   const isCollection = value_type && value_type === 'collection'; // hack because nudge gets cut off by card on cols.
 
   return {
@@ -23,7 +31,7 @@ const select = (state, props) => {
     dislikeCount: makeSelectDislikeCountForUri(uri)(state),
     isLivestreamClaim: selectIsStreamPlaceholderForUri(state, uri),
     claimId,
-    channelName,
+    channelTitle,
     isCollection,
   };
 };

ui/component/fileReactions/view.jsx

@@ -15,7 +15,7 @@ type Props = {
   uri: string,
   // redux
   claimId?: string,
-  channelName?: string,
+  channelTitle?: string,
   isCollection?: boolean,
   likeCount: number,
   dislikeCount: number,
@@ -30,7 +30,7 @@ export default function FileReactions(props: Props) {
   const {
     uri,
     claimId,
-    channelName,
+    channelTitle,
     isCollection,
     myReaction,
     likeCount,
@@ -97,10 +97,10 @@ export default function FileReactions(props: Props) {
 
   return (
     <>
-      {channelName && !isCollection && (
+      {channelTitle && !isCollection && (
         <NudgeFloating
           name="nudge:support-acknowledge"
-          text={__('Let %channel% know you enjoyed this!', { channel: channelName })}
+          text={__('Let %channel% know you enjoyed this!', { channel: channelTitle })}
         />
       )}
 

ui/scss/component/_file-price.scss

@@ -86,7 +86,8 @@
   top: 0;
 
   .icon {
-    fill: white;
+    stroke: black;
+    stroke-width: 2;
   }
 
   &::before {

ui/scss/component/_file-render.scss

@@ -262,7 +262,7 @@
 
 .file-render__img-container {
   width: 100%;
-  aspect-ratio: 16 / 9;
+  // aspect-ratio: 16 / 9;
 }
 
 .file-render--post-container {

ui/scss/component/_tags.scss

@@ -76,6 +76,10 @@
 
 .tag--mature {
   @extend .badge--tag-mature;
+  background-color: #2a0000 !important;
+  &:hover {
+    background-color: #ff0000 !important;
+  }
 }
 
 .tag--flow {

web/.env.floss.defaults

@@ -1,128 +0,0 @@
-####### .env.default #########
-
-# Copy this file to .env to make modifications
-
-# Base config
-WEBPACK_WEB_PORT=9090
-WEBPACK_ELECTRON_PORT=9091
-WEB_SERVER_PORT=1337
-
-## APIS
-LBRY_WEB_API=https://api.na-backend.odysee.com
-LBRY_WEB_STREAMING_API=https://player.odycdn.com
-LBRY_WEB_BUFFER_API=https://collector-service.api.lbry.tv/api/v1/events/video
-COMMENT_SERVER_API=https://comments.odysee.tv/api/v2
-SEARCH_SERVER_API_ALT=https://recsys.odysee.tv/search
-SEARCH_SERVER_API=https://lighthouse.odysee.tv/search
-SOCKETY_SERVER_API=wss://sockety.odysee.tv/ws
-RECSYS_ENDPOINT=https://recsys.odysee.tv/v1/lvv
-RECSYS_FYP_ENDPOINT=https://recsys.odysee.tv/v1/u
-#   IMAGE_PROXY_URL=https://boost.vanwanet.com/index.php
-THUMBNAIL_CDN_URL=https://thumbnails.odycdn.com/optimize/
-THUMBNAIL_CARDS_CDN_URL=https://cards.odycdn.com/
-LOCALE_API=https://api.odysee.com/legal/requirements
-THUMBNAIL_HEIGHT=220
-THUMBNAIL_HEIGHT_MOBILE=506
-THUMBNAIL_WIDTH=390
-THUMBNAIL_WIDTH_MOBILE=900
-THUMBNAIL_QUALITY=85
-THUMBNAIL_CDN_SIZE_LIMIT_BYTES=5242880
-WELCOME_VERSION=1.0
-
-# STRIPE
-# STRIPE_PUBLIC_KEY='pk_test_NoL1JWL7i1ipfhVId5KfDZgo'
-
-# Analytics
-
-# OG
-OG_TITLE_SUFFIX=| odysee.com
-OG_HOMEPAGE_TITLE=Odysee
-OG_IMAGE_URL=https://thumbnails.odycdn.com/optimize/s:1200:630/quality:85/plain/https://spee.ch/odysee-og:e.png
-SITE_CANONICAL_URL=odysee.com
-
-# UI
-## Custom Site info
-DOMAIN=odysee.com
-URL=https://odysee.com
-SITE_TITLE=Odysee
-SITE_NAME=Odysee
-SITE_DESCRIPTION=Explore a whole universe of videos on Odysee from regular people just like you!
-SITE_HELP_EMAIL=help@odysee.com
-LOGO_TITLE=odysee
-## Social media
-TWITTER_ACCOUNT=OdyseeTeam
-BRANDED_SITE=odysee
-
-# IMAGE ASSETS
-YRBL_HAPPY_IMG_URL=https://thumbnails.odycdn.com/optimize/s:300:300/quality:85/plain/https://spee.ch/spaceman-happy:a.png
-YRBL_SAD_IMG_URL=https://thumbnails.odycdn.com/optimize/s:300:300/quality:85/plain/https://spee.ch/spaceman-sad:d.png
-LOGIN_IMG_URL=https://thumbnails.odycdn.com/optimize/s:400:507/quality:85/plain/https://player.odycdn.com/speech/odysee-sign-up:d.png
-LOGO=https://thumbnails.odycdn.com/optimize/s:100:100/quality:85/plain/https://spee.ch/odysee-logo-png:3.png
-LOGO_WHITE_TEXT=https://thumbnails.odycdn.com/optimize/s:1000:300/quality:85/plain/https://spee.ch/odysee-white-png:f.png
-LOGO_DARK_TEXT=https://thumbnails.odycdn.com/optimize/s:1000:300/quality:85/plain/https://spee.ch/odysee-png:2.png
-AVATAR_DEFAULT=https://thumbnails.odycdn.com/optimize/s:160:160/quality:85/plain/https://spee.ch/spaceman-png:2.png
-MISSING_THUMB_DEFAULT=https://thumbnails.odycdn.com/optimize/s:390:220/quality:85/plain/https://spee.ch/missing-thumb-png
-FAVICON=https://odysee.com/public/favicon-spaceman.png
-
-# LOCALE
-DEFAULT_LANGUAGE=en
-
-## CUSTOM SETTINGS
-#   Additional settings for below are found in ui/constants/settings and are for
-#   preventing user settings from applying to custom sites without overwriting them.
-# UNSYNCED_SETTINGS='theme dark_mode_times automatic_dark_mode_enabled'
-
-## LINKED CONTENT WHITELIST
-KNOWN_APP_DOMAINS=open.lbry.com,lbry.tv,lbry.lat,odysee.com
-
-## CUSTOM CONTENT
-# If the following is true, copy custom/homepage.example.js to custom/homepage.js and modify
-CUSTOM_HOMEPAGE=false
-
-# Add channels to auto-follow on first run
-AUTO_FOLLOW_CHANNELS=lbry://@lbry#3fda836a92faaceedfe398225fb9b2ee2ed1f01a
-
-## FEATURES AND LIMITS
-SIMPLE_SITE=false
-#BRANDED_SITE
-
-ENABLE_COMMENT_REACTIONS=true
-ENABLE_FILE_REACTIONS=true
-ENABLE_CREATOR_REACTIONS=true
-ENABLE_NO_SOURCE_CLAIMS=true
-ENABLE_PREROLL_ADS=false
-CHANNEL_STAKED_LEVEL_VIDEO_COMMENTS=4
-CHANNEL_CREATION_LIMIT=5
-WEB_PUBLISH_SIZE_LIMIT_GB=4
-LIGHTHOUSE_DEFAULT_TYPES=audio,video
-
-SHOW_ADS=false
-
-## SIMPLE_SITE REPLACEMENTS
-ENABLE_MATURE=false
-ENABLE_UI_NOTIFICATIONS=true
-
-#ENABLE_LINK_TO_APP=true
-#FORCE_ANALYTICS=true
-#ENABLE_ADVANCED_FILTER=true
-#ENABLE_PAID_CONTENT=true
-#USE_FOOTER=true
-#USE_DISCOVER_WHITELIST=false
-ENABLE_WILD_WEST=true
-#FULL_SIDE_LINKS=true
-#SHOW_TAGS_INTRO=false
-
-# SEARCH TYPES
-#VIDEO_ENABLED=true
-#AUDIO_ENABLED=true
-#POSTS_ENABLED=true
-#IMAGES_ENABLED=true
-#FILES_ENABLED=true
-#MODELS_ENABLED=true
-
-BRANDED_SITE=odysee
-LOADING_BAR_COLOR=#e50054
-
-# --- Development ---
-REPORT_NEW_STRINGS=false
-USE_LOCAL_HOMEPAGE_DATA=false