canape/frontend/js/components/movies/subtitlesButton.js

31 lines
882 B
JavaScript

import React from "react";
import { useDispatch, useSelector } from "react-redux";
import { searchMovieSubtitle } from "../../actions/subtitles";
import { SubtitlesButton } from "../buttons/subtitles";
export const MovieSubtitlesButton = () => {
const dispatch = useDispatch();
const imdbId = useSelector((state) => state.movies.selectedImdbId);
const inLibrary = useSelector(
(state) => state.movies.movies.get(imdbId).polochon_url !== ""
);
const subtitles = useSelector(
(state) => state.movies.movies.get(imdbId).subtitles
);
const fetchingSubtitles = useSelector(
(state) => state.movies.movies.get(imdbId).fetchingSubtitles
);
return (
<SubtitlesButton
inLibrary={inLibrary}
fetchingSubtitles={fetchingSubtitles}
subtitles={subtitles}
search={(lang) => dispatch(searchMovieSubtitle(imdbId, lang))}
/>
);
};