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,
-}) => (
+}) => {
-  <SubtitlesButton
+  const dispatch = useDispatch();
-    inLibrary={inLibrary}
-    searching={searching}
-    subtitles={subtitles}
-    search={() => searchMovieSubtitles(imdbId)}
-  />
-);
 
-movieSubtitlesButton.propTypes = {
+  return (
+    <SubtitlesButton
+      inLibrary={inLibrary}
+      searching={searching}
+      subtitles={subtitles}
+      search={() => dispatch(searchMovieSubtitles(imdbId))}
+    />
+  );
+};
+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,
+    <TorrentsButton
-  searching,
+      torrents={torrents}
-  getMovieDetails,
+      searching={searching}
-}) => (
+      search={() => dispatch(getMovieDetails(imdbId))}
-  <TorrentsButton
+      url={`#/torrents/search/movies/${encodeURI(title)}`}
-    torrents={torrents}
+    />
-    searching={searching}
+  );
-    search={() => 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
-);