diff --git a/package.json b/package.json index d3cbd8313..2c2b052ac 100644 --- a/package.json +++ b/package.json @@ -124,7 +124,7 @@ "jsmediatags": "^3.8.1", "json-loader": "^0.5.4", "lbry-format": "https://github.com/lbryio/lbry-format.git", - "lbry-redux": "lbryio/lbry-redux#c83489e78ed368d368ad25552fce25e7de2d64b5", + "lbry-redux": "lbryio/lbry-redux#bb82aed61a5569e565daa784eb25fc1d639c0c22", "lbryinc": "lbryio/lbryinc#43d382d9b74d396a581a74d87e4c53105e04f845", "lint-staged": "^7.0.2", "localforage": "^1.7.1", diff --git a/src/ui/component/claimListDiscover/view.jsx b/src/ui/component/claimListDiscover/view.jsx index f911e9e3c..b20b3ec5d 100644 --- a/src/ui/component/claimListDiscover/view.jsx +++ b/src/ui/component/claimListDiscover/view.jsx @@ -98,6 +98,10 @@ function ClaimListDiscover(props: Props) { return type === SEARCH_SORT_YOU ? __('Tags You Follow') : __('Channels You Follow'); } + function resetList() { + setPage(1); + } + const header = (

setTypeSort(e.target.value)} + onChange={e => { + resetList(); + setTypeSort(e.target.value); + }} > {SEARCH_TYPES.map(type => (

- {claimName} - {claimId && `#${claimId}`} +

diff --git a/src/ui/page/file/index.js b/src/ui/page/file/index.js index 03107eb03..5fae5063b 100644 --- a/src/ui/page/file/index.js +++ b/src/ui/page/file/index.js @@ -16,7 +16,6 @@ import { makeSelectTitleForUri, makeSelectThumbnailForUri, makeSelectClaimIsNsfw, - doToast, } from 'lbry-redux'; import { doFetchViewCount, makeSelectViewCountForUri, makeSelectCostInfoForUri, doFetchCostInfoForUri } from 'lbryinc'; import { selectShowNsfw, makeSelectClientSetting } from 'redux/selectors/settings'; @@ -54,7 +53,6 @@ const perform = dispatch => ({ setViewed: uri => dispatch(doSetContentHistoryItem(uri)), markSubscriptionRead: (channel, uri) => dispatch(doRemoveUnreadSubscription(channel, uri)), fetchViewCount: claimId => dispatch(doFetchViewCount(claimId)), - showToast: options => dispatch(doToast(options)), }); export default connect( diff --git a/src/ui/page/file/view.jsx b/src/ui/page/file/view.jsx index f9c4a52db..89df2f8ff 100644 --- a/src/ui/page/file/view.jsx +++ b/src/ui/page/file/view.jsx @@ -2,7 +2,6 @@ import * as MODALS from 'constants/modal_types'; import * as icons from 'constants/icons'; import * as React from 'react'; -import { clipboard } from 'electron'; import { buildURI, normalizeURI } from 'lbry-redux'; import FileViewer from 'component/fileViewer'; import Thumbnail from 'component/common/thumbnail'; @@ -23,6 +22,7 @@ import ClaimTags from 'component/claimTags'; import CommentsList from 'component/commentsList'; import CommentCreate from 'component/commentCreate'; import VideoDuration from 'component/videoDuration'; +import ClaimUri from 'component/claimUri'; type Props = { claim: StreamClaim, @@ -48,7 +48,6 @@ type Props = { title: string, thumbnail: ?string, nsfw: boolean, - showToast: ({}) => void, }; class FilePage extends React.Component { @@ -150,7 +149,6 @@ class FilePage extends React.Component { title, thumbnail, nsfw, - showToast, } = this.props; // File info @@ -221,102 +219,94 @@ class FilePage extends React.Component { ))} -
-

{title}

-
-
- +
+
+

{title}

+
+
+ +
-
-
-
- {claimIsMine && ( -
+ +
+ + +
-
- - +
+
+ +
+ +
+ + + {claimIsMine && ( +

+ {viewCount} {viewCount !== 1 ? __('Views') : __('View')} +

+ )} +
+
+ +
+ + + +
{__('Comments')}
+ +
- -
-
- -
- -
- - - {claimIsMine && ( -

- {viewCount} {viewCount !== 1 ? __('Views') : __('View')} -

- )} +
+
+ +
+ {isRewardContent && } + {nsfw &&
{__('Mature')}
} + +
+
- -
- - - -
{__('Comments')}
- - -
-
-
-
-
-
); diff --git a/src/ui/scss/component/_channel.scss b/src/ui/scss/component/_channel.scss index b81abb78e..4a79d7e71 100644 --- a/src/ui/scss/component/_channel.scss +++ b/src/ui/scss/component/_channel.scss @@ -16,7 +16,7 @@ $metadata-z-index: 1; align-self: flex-start; position: absolute; object-fit: cover; - filter: brightness(50%); + filter: brightness(40%); } .channel-cover, @@ -28,7 +28,7 @@ $metadata-z-index: 1; .channel-thumbnail { display: flex; height: 5rem; - width: 6rem; + width: 5rem; background-size: cover; margin-right: var(--spacing-medium); } diff --git a/src/ui/scss/component/_claim-list.scss b/src/ui/scss/component/_claim-list.scss index 4db23e906..0bd17e228 100644 --- a/src/ui/scss/component/_claim-list.scss +++ b/src/ui/scss/component/_claim-list.scss @@ -82,20 +82,13 @@ } .claim-preview { + @include mediaThumbHoverZoom; display: flex; position: relative; + overflow: visible; + cursor: pointer; font-size: 1.3rem; padding: var(--spacing-medium); - cursor: pointer; - overflow: hidden; - - &:hover { - background-color: darken($lbry-white, 5%); - - [data-mode='dark'] & { - background-color: var(--dm-color-04); - } - } .media__thumb { width: var(--file-list-thumbnail-width); @@ -122,11 +115,10 @@ } .claim-preview--large { - @include mediaThumbHoverZoom; font-size: 1.6rem; border-bottom: 0; padding: 0; - padding-bottom: var(--spacing-medium); + margin: var(--spacing-small) 0; &:hover { background-color: transparent; @@ -153,7 +145,7 @@ .claim-preview-metadata { display: flex; flex-direction: column; - width: 100%; + flex: 1; } .claim-preview-info { diff --git a/src/ui/scss/component/_main.scss b/src/ui/scss/component/_main.scss index d0f1e476d..a1f56037e 100644 --- a/src/ui/scss/component/_main.scss +++ b/src/ui/scss/component/_main.scss @@ -36,41 +36,15 @@ } .main--file-page { - display: grid; - grid-template-rows: auto 1fr; - grid-template-columns: 1fr auto; - max-width: calc(100% - var(--side-nav-width) - var(--spacing-main-padding)); + position: relative; - grid-template-areas: - 'content content' - 'info related'; - - .grid-area--content { - width: 100%; - } - - .grid-area--content { - grid-area: content; - } .grid-area--info { - grid-area: info; + margin-right: var(--spacing-large); + width: 50%; } + .grid-area--related { - grid-area: related; - min-width: 30rem; - max-width: 35rem; - } - - @media (max-width: 600px) { - grid-template-areas: - 'content' - 'info' - 'related'; - - .grid-area--related { - grid-area: related; - width: auto; - } + width: calc(50% - var(--spacing-large)); } } diff --git a/src/ui/scss/component/_media.scss b/src/ui/scss/component/_media.scss index bf9cbed3a..6c6e1432b 100644 --- a/src/ui/scss/component/_media.scss +++ b/src/ui/scss/component/_media.scss @@ -56,18 +56,14 @@ .media__title--large { cursor: default; - display: inline; + overflow: hidden; + width: 100%; + text-overflow: ellipsis; font-size: 2rem; line-height: 1.33; margin-right: var(--spacing-small); } -.media__uri-wrapper { - display: flex; - justify-content: space-between; - margin-bottom: var(--spacing-small); -} - .media__uri { font-size: 1.1rem; min-width: 0; @@ -92,6 +88,10 @@ justify-content: space-between; } +.media__actions--nowrap { + flex-wrap: nowrap; +} + .media__action-group { > *:not(:last-child) { margin-right: var(--spacing-medium); @@ -116,13 +116,6 @@ } } -// M E D I A -// C O N T E N T - -.media__content--large { - padding-right: var(--spacing-large); -} - // M E D I A // S U B T E X T // diff --git a/static/locales/en.json b/static/locales/en.json index 9561007b3..9f01cc257 100644 --- a/static/locales/en.json +++ b/static/locales/en.json @@ -482,7 +482,6 @@ "Rendering document.": "Rendering document.", "Sorry, looks like we can't load the document.": "Sorry, looks like we can't load the document.", "Tag Search": "Tag Search", - "Disabled": "Disabled", "Rewards are currently disabled for your account. Turn on diagnostic data sharing, in": "Rewards are currently disabled for your account. Turn on diagnostic data sharing, in", ", in order to re-enable them.": ", in order to re-enable them.", "Humans Only": "Humans Only", diff --git a/yarn.lock b/yarn.lock index 5d8fa8d07..b863207ce 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6646,9 +6646,9 @@ lazy-val@^1.0.3, lazy-val@^1.0.4: yargs "^13.2.2" zstd-codec "^0.1.1" -lbry-redux@lbryio/lbry-redux#c83489e78ed368d368ad25552fce25e7de2d64b5: +lbry-redux@lbryio/lbry-redux#bb82aed61a5569e565daa784eb25fc1d639c0c22: version "0.0.1" - resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/c83489e78ed368d368ad25552fce25e7de2d64b5" + resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/bb82aed61a5569e565daa784eb25fc1d639c0c22" dependencies: proxy-polyfill "0.1.6" reselect "^3.0.0"