github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-08-13 02:07:12 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

UI Formatting Cleanup

Browse source
This commit is contained in:
Qstick 2017-10-07 02:21:06 -04:00
commit 52e3d96f4a
110 changed files with 901 additions and 701 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/Settings/DownloadClients/DownloadClients/AddDownloadClientModalContent.js
View file

@ -46,7 +46,7 @@ class AddDownloadClientModalContent extends Component {
}
{
!isFetching && !error &&
isPopulated && !error &&
<div>
<Alert kind={kinds.INFO}>

12
frontend/src/Settings/DownloadClients/Options/DownloadClientOptionsConnector.js
View file

@ -84,9 +84,9 @@ DownloadClientOptionsConnector.propTypes = {
};
export default connectSection(
createMapStateToProps,
mapDispatchToProps,
undefined,
{ withRef: true },
{ section: 'downloadClientOptions' }
)(DownloadClientOptionsConnector);
createMapStateToProps,
mapDispatchToProps,
undefined,
{ withRef: true },
{ section: 'downloadClientOptions' }
)(DownloadClientOptionsConnector);

12
frontend/src/Settings/General/GeneralSettingsConnector.js
View file

@ -109,9 +109,9 @@ GeneralSettingsConnector.propTypes = {
};
export default connectSection(
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'general' }
)(GeneralSettingsConnector);
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'general' }
)(GeneralSettingsConnector);

12
frontend/src/Settings/Indexers/Options/IndexerOptionsConnector.js
View file

@ -84,9 +84,9 @@ IndexerOptionsConnector.propTypes = {
};
export default connectSection(
createMapStateToProps,
mapDispatchToProps,
undefined,
{ withRef: true },
{ section: 'indexerOptions' }
)(IndexerOptionsConnector);
createMapStateToProps,
mapDispatchToProps,
undefined,
{ withRef: true },
{ section: 'indexerOptions' }
)(IndexerOptionsConnector);

12
frontend/src/Settings/MediaManagement/MediaManagementConnector.js
View file

@ -83,9 +83,9 @@ MediaManagementConnector.propTypes = {
};
export default connectSection(
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'mediaManagement' }
)(MediaManagementConnector);
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'mediaManagement' }
)(MediaManagementConnector);

12
frontend/src/Settings/MediaManagement/Naming/NamingConnector.js
View file

@ -94,9 +94,9 @@ NamingConnector.propTypes = {
};
export default connectSection(
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'naming' }
)(NamingConnector);
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'naming' }
)(NamingConnector);

226
frontend/src/Settings/MediaManagement/Naming/NamingModal.js
View file

@ -168,21 +168,21 @@ class NamingModal extends Component {
<FieldSet legend="File Names">
<div className={styles.groups}>
{
fileNameTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
isFullFilename={true}
tokenCase={this.state.case}
size={sizes.LARGE}
onInputChange={onInputChange}
/>
);
}
fileNameTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
isFullFilename={true}
tokenCase={this.state.case}
size={sizes.LARGE}
onInputChange={onInputChange}
/>
);
}
)
}
</div>
@ -192,19 +192,19 @@ class NamingModal extends Component {
<FieldSet legend="Artist">
<div className={styles.groups}>
{
artistTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
artistTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
)
}
</div>
@ -215,7 +215,7 @@ class NamingModal extends Component {
<div>
<FieldSet legend="Album">
<div className={styles.groups}>
{
{
albumTokens.map(({ token, example }) => {
return (
<NamingOption
@ -229,14 +229,14 @@ class NamingModal extends Component {
/>
);
}
)
}
)
}
</div>
</FieldSet>
<FieldSet legend="Release Date">
<div className={styles.groups}>
{
{
releaseDateTokens.map(({ token, example }) => {
return (
<NamingOption
@ -250,8 +250,8 @@ class NamingModal extends Component {
/>
);
}
)
}
)
}
</div>
</FieldSet>
</div>
@ -263,19 +263,19 @@ class NamingModal extends Component {
<FieldSet legend="Track">
<div className={styles.groups}>
{
trackTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
trackTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
)
}
</div>
@ -290,19 +290,19 @@ class NamingModal extends Component {
<FieldSet legend="Track Title">
<div className={styles.groups}>
{
trackTitleTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
trackTitleTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
)
}
</div>
@ -311,19 +311,19 @@ class NamingModal extends Component {
<FieldSet legend="Quality">
<div className={styles.groups}>
{
qualityTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
qualityTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
)
}
</div>
@ -332,19 +332,19 @@ class NamingModal extends Component {
<FieldSet legend="Media Info">
<div className={styles.groups}>
{
mediaInfoTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
mediaInfoTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
)
}
</div>
@ -353,19 +353,19 @@ class NamingModal extends Component {
<FieldSet legend="Release Group">
<div className={styles.groups}>
{
releaseGroupTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
releaseGroupTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
/>
);
}
)
}
</div>
@ -374,20 +374,20 @@ class NamingModal extends Component {
<FieldSet legend="Original">
<div className={styles.groups}>
{
originalTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
size={sizes.LARGE}
onInputChange={onInputChange}
/>
);
}
originalTokens.map(({ token, example }) => {
return (
<NamingOption
key={token}
name={name}
value={value}
token={token}
example={example}
tokenCase={this.state.case}
size={sizes.LARGE}
onInputChange={onInputChange}
/>
);
}
)
}
</div>

2
frontend/src/Settings/Metadata/Metadata/EditMetadataModalContent.js
View file

@ -1,6 +1,6 @@
import PropTypes from 'prop-types';
import React from 'react';
import { inputTypes, kinds } from 'Helpers/Props';
import { inputTypes } from 'Helpers/Props';
import Button from 'Components/Link/Button';
import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
import ModalContent from 'Components/Modal/ModalContent';

2
frontend/src/Settings/Notifications/Notifications/AddNotificationModalContent.js
View file

@ -42,7 +42,7 @@ class AddNotificationModalContent extends Component {
}
{
!isFetching && !error &&
!isPopulated && !error &&
<div>
<div className={styles.notifications}>
{

1
frontend/src/Settings/Notifications/Notifications/AddNotificationModalContentConnector.js
View file

@ -1,4 +1,3 @@
import _ from 'lodash';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { connect } from 'react-redux';

4
frontend/src/Settings/PendingChangesModal.js
View file

@ -1,6 +1,6 @@
import PropTypes from 'prop-types';
import React from 'react';
import { kinds, sizes } from 'Helpers/Props';
import { kinds } from 'Helpers/Props';
import Button from 'Components/Link/Button';
import Modal from 'Components/Modal/Modal';
import ModalContent from 'Components/Modal/ModalContent';
@ -11,7 +11,6 @@ import ModalFooter from 'Components/Modal/ModalFooter';
function PendingChangesModal(props) {
const {
isOpen,
size,
onConfirm,
onCancel
} = props;
@ -52,7 +51,6 @@ PendingChangesModal.propTypes = {
className: PropTypes.string,
isOpen: PropTypes.bool.isRequired,
kind: PropTypes.oneOf(kinds.all),
size: PropTypes.oneOf(sizes.all),
onConfirm: PropTypes.func.isRequired,
onCancel: PropTypes.func.isRequired
};

2
frontend/src/Settings/Profiles/Delay/DelayProfile.js
View file

@ -78,7 +78,6 @@ class DelayProfile extends Component {
preferredProtocol,
usenetDelay,
torrentDelay,
order,
tags,
tagList,
isDragging,
@ -158,7 +157,6 @@ DelayProfile.propTypes = {
preferredProtocol: PropTypes.string.isRequired,
usenetDelay: PropTypes.number.isRequired,
torrentDelay: PropTypes.number.isRequired,
order: PropTypes.number.isRequired,
tags: PropTypes.arrayOf(PropTypes.number).isRequired,
tagList: PropTypes.arrayOf(PropTypes.object).isRequired,
isDragging: PropTypes.bool.isRequired,

2
frontend/src/Settings/Profiles/Quality/QualityProfileItem.js
View file

@ -58,7 +58,7 @@ class QualityProfileItem extends Component {
name={icons.REORDER}
/>
</div>
)
)
}
</div>
);

12
frontend/src/Settings/UI/UISettingsConnector.js
View file

@ -74,9 +74,9 @@ UISettingsConnector.propTypes = {
};
export default connectSection(
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'ui' }
)(UISettingsConnector);
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'ui' }
)(UISettingsConnector);