From 7b4b0d41d257e0eb5b034e57f20bf467a49b68a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Thu, 4 Feb 2021 10:57:07 +0100
Subject: [PATCH] Add a button to refresh a show

---
 frontend/js/components/shows/list.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/js/components/shows/list.js b/frontend/js/components/shows/list.js
index 45e480a..c2d9fef 100644
--- a/frontend/js/components/shows/list.js
+++ b/frontend/js/components/shows/list.js
@@ -7,6 +7,7 @@ import {
   selectShow,
   showWishlistToggle,
   getShowExploreOptions,
+  getShowDetails,
 } from "../../actions/shows";
 
 import ListDetails from "../list/details";
@@ -92,11 +93,22 @@ const ShowList = ({ match, history }) => {
         <span>
           <button
             onClick={() => showDetails(selectedShow.imdb_id)}
-            className="btn btn-primary btn-sm w-md-100"
+            className="btn btn-primary btn-sm w-md-100 m-1"
           >
             <i className="fa fa-external-link mr-1" />
             Details
           </button>
+          <button
+            onClick={() => dispatch(getShowDetails(selectedShow.imdb_id))}
+            className="btn btn-secondary btn-sm w-md-100 m-1"
+          >
+            <i
+              className={`fa ${
+                selectedShow.fetchingDetails ? "fa-spin" : ""
+              } fa-refresh mr-1`}
+            />
+            Refresh
+          </button>
         </span>
       </ListDetails>
     </div>