Use redux hooks on movies components

frontend/js/components/movies/subtitlesButton.js

@@ -1,35 +1,32 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { List } from "immutable";
-import { connect } from "react-redux";
+import { useDispatch } from "react-redux";
 
 import { searchMovieSubtitles } from "../../actions/subtitles";
 
 import { SubtitlesButton } from "../buttons/subtitles";
 
-const movieSubtitlesButton = ({
+export const MovieSubtitlesButton = ({
   inLibrary,
   imdbId,
   searching,
-  searchMovieSubtitles,
   subtitles,
-}) => (
+}) => {
+  const dispatch = useDispatch();
+
+  return (
     <SubtitlesButton
       inLibrary={inLibrary}
       searching={searching}
       subtitles={subtitles}
-    search={() => searchMovieSubtitles(imdbId)}
+      search={() => dispatch(searchMovieSubtitles(imdbId))}
     />
-);
+  );
-
+};
-movieSubtitlesButton.propTypes = {
+MovieSubtitlesButton.propTypes = {
   searching: PropTypes.bool,
   inLibrary: PropTypes.bool,
   imdbId: PropTypes.string,
-  searchMovieSubtitles: PropTypes.func,
   subtitles: PropTypes.instanceOf(List),
 };
-
-export const MovieSubtitlesButton = connect(null, { searchMovieSubtitles })(
-  movieSubtitlesButton
-);

frontend/js/components/movies/torrentsButton.js

@@ -1,33 +1,26 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { List } from "immutable";
-import { connect } from "react-redux";
+import { useDispatch } from "react-redux";
 
 import { getMovieDetails } from "../../actions/movies";
 import { TorrentsButton } from "../buttons/torrents";
 
-const movieTorrentsButton = ({
+export const MovieTorrentsButton = ({ torrents, imdbId, title, searching }) => {
-  torrents,
+  const dispatch = useDispatch();
-  imdbId,
+  return (
-  title,
-  searching,
-  getMovieDetails,
-}) => (
     <TorrentsButton
       torrents={torrents}
       searching={searching}
-    search={() => getMovieDetails(imdbId)}
+      search={() => dispatch(getMovieDetails(imdbId))}
       url={`#/torrents/search/movies/${encodeURI(title)}`}
     />
-);
+  );
-movieTorrentsButton.propTypes = {
+};
+MovieTorrentsButton.propTypes = {
   torrents: PropTypes.instanceOf(List),
   imdbId: PropTypes.string,
   title: PropTypes.string,
   searching: PropTypes.bool,
   getMovieDetails: PropTypes.func,
 };
-
-export const MovieTorrentsButton = connect(null, { getMovieDetails })(
-  movieTorrentsButton
-);