mirror of
https://github.com/Radarr/Radarr.git
synced 2024-09-11 20:12:41 +02:00
New: Show relative file name when selecting movie in Manual Import
This commit is contained in:
parent
0cff6c1fdf
commit
b14157797e
@ -253,6 +253,7 @@ class InteractiveImportRow extends Component {
|
|||||||
<SelectMovieModal
|
<SelectMovieModal
|
||||||
isOpen={isSelectMovieModalOpen}
|
isOpen={isSelectMovieModalOpen}
|
||||||
ids={[id]}
|
ids={[id]}
|
||||||
|
relativePath={relativePath}
|
||||||
onModalClose={this.onSelectMovieModalClose}
|
onModalClose={this.onSelectMovieModalClose}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
@ -16,3 +16,36 @@
|
|||||||
.scroller {
|
.scroller {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
composes: modalFooter from '~Components/Modal/ModalFooter.css';
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.path {
|
||||||
|
margin-right: 20px;
|
||||||
|
color: $dimColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: $breakpointSmall) {
|
||||||
|
.footer {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.path {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons {
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -37,6 +37,7 @@ class SelectMovieModalContent extends Component {
|
|||||||
render() {
|
render() {
|
||||||
const {
|
const {
|
||||||
items,
|
items,
|
||||||
|
relativePath,
|
||||||
onMovieSelect,
|
onMovieSelect,
|
||||||
onModalClose
|
onModalClose
|
||||||
} = this.props;
|
} = this.props;
|
||||||
@ -46,7 +47,9 @@ class SelectMovieModalContent extends Component {
|
|||||||
return (
|
return (
|
||||||
<ModalContent onModalClose={onModalClose}>
|
<ModalContent onModalClose={onModalClose}>
|
||||||
<ModalHeader>
|
<ModalHeader>
|
||||||
Manual Import - Select Movie
|
<div className={styles.header}>
|
||||||
|
Manual Import - Select Movie
|
||||||
|
</div>
|
||||||
</ModalHeader>
|
</ModalHeader>
|
||||||
|
|
||||||
<ModalBody
|
<ModalBody
|
||||||
@ -81,10 +84,13 @@ class SelectMovieModalContent extends Component {
|
|||||||
</Scroller>
|
</Scroller>
|
||||||
</ModalBody>
|
</ModalBody>
|
||||||
|
|
||||||
<ModalFooter>
|
<ModalFooter className={styles.footer}>
|
||||||
<Button onPress={onModalClose}>
|
<div className={styles.path}>{relativePath}</div>
|
||||||
Cancel
|
<div className={styles.buttons}>
|
||||||
</Button>
|
<Button onPress={onModalClose}>
|
||||||
|
Cancel
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
</ModalFooter>
|
</ModalFooter>
|
||||||
</ModalContent>
|
</ModalContent>
|
||||||
);
|
);
|
||||||
@ -93,6 +99,7 @@ class SelectMovieModalContent extends Component {
|
|||||||
|
|
||||||
SelectMovieModalContent.propTypes = {
|
SelectMovieModalContent.propTypes = {
|
||||||
items: PropTypes.arrayOf(PropTypes.object).isRequired,
|
items: PropTypes.arrayOf(PropTypes.object).isRequired,
|
||||||
|
relativePath: PropTypes.string.isRequired,
|
||||||
onMovieSelect: PropTypes.func.isRequired,
|
onMovieSelect: PropTypes.func.isRequired,
|
||||||
onModalClose: PropTypes.func.isRequired
|
onModalClose: PropTypes.func.isRequired
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user