canape/frontend/js/components/movies/subtitlesButton.js
Grégoire Delattre 4b26080193
All checks were successful
continuous-integration/drone/pr Build is passing
continuous-integration/drone/push Build is passing
Update redux state management
Use immer with native javascript objects instead of immutablejs.
2020-04-07 18:22:26 +02:00

31 lines
850 B
JavaScript

import React from "react";
import { useDispatch, useSelector } from "react-redux";
import { searchMovieSubtitles } 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 searching = useSelector(
(state) => state.movies.movies.get(imdbId).fetchingSubtitles
);
return (
<SubtitlesButton
inLibrary={inLibrary}
searching={searching}
subtitles={subtitles}
search={() => dispatch(searchMovieSubtitles(imdbId))}
/>
);
};