From efe3639ec83625ef8a0ec432c086e83feef206ae Mon Sep 17 00:00:00 2001
From: Cooper Ransom <Cooperransom08@outlook.com>
Date: Thu, 29 Feb 2024 14:23:52 -0500
Subject: [PATCH] Add retry button to ScrapeError

---
 src/assets/locales/en.json                 |  1 +
 src/pages/parts/player/ScrapeErrorPart.tsx | 24 ++++++++++++++--------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 9f1fde9c..5f332467 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -391,6 +391,7 @@
       "notFound": {
         "badge": "Not found",
         "detailsButton": "Show details",
+        "reloadButton": "Try again",
         "homeButton": "Go home",
         "text": "We can not find the media you are looking for or no one provides it... <bold>Did you enable the extension for this site?</bold>",
         "title": "We couldn't find that"
diff --git a/src/pages/parts/player/ScrapeErrorPart.tsx b/src/pages/parts/player/ScrapeErrorPart.tsx
index 83cb1fd4..4824fef3 100644
--- a/src/pages/parts/player/ScrapeErrorPart.tsx
+++ b/src/pages/parts/player/ScrapeErrorPart.tsx
@@ -58,6 +58,14 @@ export function ScrapeErrorPart(props: ScrapeErrorPartProps) {
           />
         </Paragraph>
         <div className="flex gap-3">
+          <Button
+            onClick={() => window.location.reload()}
+            theme="secondary"
+            padding="md:px-12 p-2.5"
+            className="mt-6"
+          >
+            {t("player.scraping.notFound.reloadButton")}
+          </Button>
           <Button
             href="/"
             theme="secondary"
@@ -66,15 +74,15 @@ export function ScrapeErrorPart(props: ScrapeErrorPartProps) {
           >
             {t("player.scraping.notFound.homeButton")}
           </Button>
-          <Button
-            onClick={() => modal.show()}
-            theme="purple"
-            padding="md:px-12 p-2.5"
-            className="mt-6"
-          >
-            {t("player.scraping.notFound.detailsButton")}
-          </Button>
         </div>
+        <Button
+          onClick={() => modal.show()}
+          theme="purple"
+          padding="md:px-12 p-2.5"
+          className="mt-6"
+        >
+          {t("player.scraping.notFound.detailsButton")}
+        </Button>
       </ErrorContainer>
       {error ? (
         <ErrorCardInModal