mirror/Lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/Lidarr synced 2025-02-25 15:22:42 +00:00
Code Issues Releases Wiki Activity

Small UI Tweaks, Fix Banner Images When Artist Deleted

Browse source
This commit is contained in:
Qstick 2017-10-22 16:15:04 -04:00
parent 75aa8af9d2
commit 6718d82432
6 changed files with 100 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/Album/Search/InteractiveEpisodeSearchRow.js
View file

@ -45,7 +45,13 @@ class InteractiveEpisodeSearchRow extends Component {
// Listeners
onGrabPress = () => {
this.props.onGrabPress(this.props.guid, this.props.indexerId);
const {
guid,
indexerId,
onGrabPress
}= this.props;
onGrabPress(guid, indexerId);
}
//

6
frontend/src/Artist/ArtistBanner.js
View file

@ -61,9 +61,11 @@ class ArtistBanner extends Component {
if (nextBanner && (!banner || nextBanner.url !== banner.url)) {
this.setState({
banner: nextBanner,
posterUrl: getBannerUrl(nextBanner, pixelRatio * size),
isLoaded: false,
bannerUrl: getBannerUrl(nextBanner, pixelRatio * size),
hasError: false
// Don't reset isLoaded, as we want to immediately try to
// show the new image, whether an image was shown previously
// or the placeholder was shown.
});
}
}

4
frontend/src/Artist/ArtistPoster.js
View file

@ -62,8 +62,10 @@ class ArtistPoster extends Component {
this.setState({
poster: nextPoster,
posterUrl: getPosterUrl(nextPoster, pixelRatio * size),
isLoaded: false,
hasError: false
// Don't reset isLoaded, as we want to immediately try to
// show the new image, whether an image was shown previously
// or the placeholder was shown.
});
}
}

1
frontend/src/Artist/Index/Banners/ArtistIndexBanner.css
View file

@ -21,7 +21,6 @@ $hoverScale: 1.05;
.bannerContainer {
position: relative;
background-color: #ffffff;
}
.link {

9
frontend/src/Artist/Index/Overview/ArtistIndexOverview.css
View file

@ -1,7 +1,16 @@
$hoverScale: 1.05;
.container {
&:hover {
.content {
background-color: $tableRowHoverBackgroundColor;
}
}
}
.content {
display: flex;
flex-grow: 1;
}
.poster {

152
frontend/src/Artist/Index/Overview/ArtistIndexOverview.js
View file

@ -113,91 +113,93 @@ class ArtistIndexOverview extends Component {
return (
<div className={styles.container} style={style}>
<div className={styles.poster} style={elementStyle}>
<div className={styles.posterContainer}>
{
status === 'ended' &&
<div
className={styles.ended}
title="Ended"
/>
}
<div className={styles.content}>
<div className={styles.poster}>
<div className={styles.posterContainer}>
{
status === 'ended' &&
<div
className={styles.ended}
title="Ended"
/>
}
<Link
className={styles.link}
style={elementStyle}
to={link}
>
<ArtistPoster
className={styles.poster}
<Link
className={styles.link}
style={elementStyle}
images={images}
size={250}
lazy={false}
overflow={true}
/>
</Link>
to={link}
>
<ArtistPoster
className={styles.poster}
style={elementStyle}
images={images}
size={250}
lazy={false}
overflow={true}
/>
</Link>
</div>
<ArtistIndexProgressBar
monitored={monitored}
status={status}
trackCount={trackCount}
trackFileCount={trackFileCount}
posterWidth={posterWidth}
detailedProgressBar={overviewOptions.detailedProgressBar}
/>
</div>
<ArtistIndexProgressBar
monitored={monitored}
status={status}
trackCount={trackCount}
trackFileCount={trackFileCount}
posterWidth={posterWidth}
detailedProgressBar={overviewOptions.detailedProgressBar}
/>
</div>
<div className={styles.info}>
<div className={styles.titleRow}>
<Link
className={styles.title}
to={link}
>
{artistName}
</Link>
<div className={styles.info}>
<div className={styles.titleRow}>
<Link
className={styles.title}
to={link}
>
{artistName}
</Link>
<div className={styles.actions}>
<SpinnerIconButton
name={icons.REFRESH}
title="Refresh Artist"
isSpinning={isRefreshingArtist}
onPress={onRefreshArtistPress}
/>
<div className={styles.actions}>
<SpinnerIconButton
name={icons.REFRESH}
title="Refresh artist"
isSpinning={isRefreshingArtist}
onPress={onRefreshArtistPress}
/>
<IconButton
name={icons.EDIT}
title="Edit Artist"
onPress={this.onEditArtistPress}
/>
</div>
</div>
<IconButton
name={icons.EDIT}
title="Edit Artist"
onPress={this.onEditArtistPress}
<div className={styles.details}>
<Link
className={styles.overview}
style={{
maxHeight: `${height}px`
}}
to={link}
>
<Truncate lines={Math.floor(height / (defaultFontSize * lineHeight))}>
{overview}
</Truncate>
</Link>
<ArtistIndexOverviewInfo
height={height}
nextAiring={nextAiring}
qualityProfile={qualityProfile}
showRelativeDates={showRelativeDates}
shortDateFormat={shortDateFormat}
timeFormat={timeFormat}
{...overviewOptions}
{...otherProps}
/>
</div>
</div>
<div className={styles.details}>
<Link
className={styles.overview}
style={{
maxHeight: `${height}px`
}}
to={link}
>
<Truncate lines={Math.floor(height / (defaultFontSize * lineHeight))}>
{overview}
</Truncate>
</Link>
<ArtistIndexOverviewInfo
height={height}
nextAiring={nextAiring}
qualityProfile={qualityProfile}
showRelativeDates={showRelativeDates}
shortDateFormat={shortDateFormat}
timeFormat={timeFormat}
{...overviewOptions}
{...otherProps}
/>
</div>
</div>
<EditArtistModalConnector