New: Show relative file name when selecting movie in Manual Import

pull/2/head
Qstick 5 years ago
parent 0cff6c1fdf
commit b14157797e

@ -253,6 +253,7 @@ class InteractiveImportRow extends Component {
<SelectMovieModal
isOpen={isSelectMovieModalOpen}
ids={[id]}
relativePath={relativePath}
onModalClose={this.onSelectMovieModalClose}
/>

@ -16,3 +16,36 @@
.scroller {
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() {
const {
items,
relativePath,
onMovieSelect,
onModalClose
} = this.props;
@ -46,7 +47,9 @@ class SelectMovieModalContent extends Component {
return (
<ModalContent onModalClose={onModalClose}>
<ModalHeader>
Manual Import - Select Movie
<div className={styles.header}>
Manual Import - Select Movie
</div>
</ModalHeader>
<ModalBody
@ -81,10 +84,13 @@ class SelectMovieModalContent extends Component {
</Scroller>
</ModalBody>
<ModalFooter>
<Button onPress={onModalClose}>
Cancel
</Button>
<ModalFooter className={styles.footer}>
<div className={styles.path}>{relativePath}</div>
<div className={styles.buttons}>
<Button onPress={onModalClose}>
Cancel
</Button>
</div>
</ModalFooter>
</ModalContent>
);
@ -93,6 +99,7 @@ class SelectMovieModalContent extends Component {
SelectMovieModalContent.propTypes = {
items: PropTypes.arrayOf(PropTypes.object).isRequired,
relativePath: PropTypes.string.isRequired,
onMovieSelect: PropTypes.func.isRequired,
onModalClose: PropTypes.func.isRequired
};

Loading…
Cancel
Save