canape/frontend/js/components/movies/torrentsButton.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

29 lines
832 B
JavaScript

import React from "react";
import { useDispatch, useSelector } from "react-redux";
import { getMovieDetails } from "../../actions/movies";
import { TorrentsButton } from "../buttons/torrents";
export const MovieTorrentsButton = () => {
const dispatch = useDispatch();
const imdbId = useSelector((state) => state.movies.selectedImdbId);
const title = useSelector((state) => state.movies.movies.get(imdbId).title);
const torrents = useSelector(
(state) => state.movies.movies.get(imdbId).torrents
);
const searching = useSelector(
(state) => state.movies.movies.get(imdbId).fetchingDetails
);
return (
<TorrentsButton
torrents={torrents}
searching={searching}
search={() => dispatch(getMovieDetails(imdbId))}
url={`#/torrents/search/movies/${encodeURI(title)}`}
/>
);
};