diff --git a/frontend/src/Movie/Search/MovieInteractiveSearchModal.tsx b/frontend/src/Movie/Search/MovieInteractiveSearchModal.tsx index 511a66e5bb..ea3d8def1c 100644 --- a/frontend/src/Movie/Search/MovieInteractiveSearchModal.tsx +++ b/frontend/src/Movie/Search/MovieInteractiveSearchModal.tsx @@ -8,13 +8,13 @@ import { cancelFetchReleases, clearReleases, } from 'Store/Actions/releaseActions'; -import MovieInteractiveSearchModalContent from './MovieInteractiveSearchModalContent'; +import MovieInteractiveSearchModalContent, { + MovieInteractiveSearchModalContentProps, +} from './MovieInteractiveSearchModalContent'; -interface MovieInteractiveSearchModalProps { +interface MovieInteractiveSearchModalProps + extends MovieInteractiveSearchModalContentProps { isOpen: boolean; - movieId: number; - movieTitle?: string; - onModalClose(): void; } function MovieInteractiveSearchModal(props: MovieInteractiveSearchModalProps) { diff --git a/frontend/src/Movie/Search/MovieInteractiveSearchModalContent.tsx b/frontend/src/Movie/Search/MovieInteractiveSearchModalContent.tsx index c9f4c7a7b1..cf79ac5769 100644 --- a/frontend/src/Movie/Search/MovieInteractiveSearchModalContent.tsx +++ b/frontend/src/Movie/Search/MovieInteractiveSearchModalContent.tsx @@ -15,17 +15,17 @@ import { } from 'Store/Actions/releaseActions'; import translate from 'Utilities/String/translate'; -interface MovieInteractiveSearchModalContentProps { +export interface MovieInteractiveSearchModalContentProps { movieId: number; movieTitle?: string; onModalClose(): void; } -function MovieInteractiveSearchModalContent( - props: MovieInteractiveSearchModalContentProps -) { - const { movieId, movieTitle, onModalClose } = props; - +function MovieInteractiveSearchModalContent({ + movieId, + movieTitle, + onModalClose, +}: MovieInteractiveSearchModalContentProps) { const dispatch = useDispatch(); useEffect(() => {