diff --git a/app/javascript/mastodon/features/explore/components/story.jsx b/app/javascript/mastodon/features/explore/components/story.jsx index 73ec99c14b..42b65e7dcc 100644 --- a/app/javascript/mastodon/features/explore/components/story.jsx +++ b/app/javascript/mastodon/features/explore/components/story.jsx @@ -13,6 +13,7 @@ export default class Story extends PureComponent { static propTypes = { url: PropTypes.string, title: PropTypes.string, + lang: PropTypes.string, publisher: PropTypes.string, sharedTimes: PropTypes.number, thumbnail: PropTypes.string, @@ -26,15 +27,15 @@ export default class Story extends PureComponent { handleImageLoad = () => this.setState({ thumbnailLoaded: true }); render () { - const { url, title, publisher, sharedTimes, thumbnail, blurhash } = this.props; + const { url, title, lang, publisher, sharedTimes, thumbnail, blurhash } = this.props; const { thumbnailLoaded } = this.state; return ( <a className='story' href={url} target='blank' rel='noopener'> <div className='story__details'> - <div className='story__details__publisher'>{publisher ? publisher : <Skeleton width={50} />}</div> - <div className='story__details__title'>{title ? title : <Skeleton />}</div> + <div className='story__details__publisher' lang={lang}>{publisher ? publisher : <Skeleton width={50} />}</div> + <div className='story__details__title' lang={lang}>{title ? title : <Skeleton />}</div> <div className='story__details__shared'>{typeof sharedTimes === 'number' ? <ShortNumber value={sharedTimes} renderer={accountsCountRenderer} /> : <Skeleton width={100} />}</div> </div> diff --git a/app/javascript/mastodon/features/explore/links.jsx b/app/javascript/mastodon/features/explore/links.jsx index 8b199bf47c..6f402decbf 100644 --- a/app/javascript/mastodon/features/explore/links.jsx +++ b/app/javascript/mastodon/features/explore/links.jsx @@ -58,6 +58,7 @@ class Links extends PureComponent { {isLoading ? (<LoadingIndicator />) : links.map(link => ( <Story key={link.get('id')} + lang={link.get('language')} url={link.get('url')} title={link.get('title')} publisher={link.get('provider_name')}