From 0283589242be415212df19da92570d6319ada983 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Santos?= <andrefssantos@tecnico.ulisboa.pt>
Date: Thu, 4 Apr 2024 21:11:01 +0100
Subject: [PATCH] Added retry button on Playback Error page (#847)

---
 src/assets/locales/en.json                   |  1 +
 src/assets/locales/pt-PT.json                |  1 +
 src/pages/parts/player/PlaybackErrorPart.tsx | 15 +++++++++++++++
 3 files changed, 17 insertions(+)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index bc042462..c934939a 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -374,6 +374,7 @@
         "errorNotSupported": "The media or media provider object is not supported."
       },
       "homeButton": "Go home",
+      "retryButton": "Retry",
       "text": "There was an error trying to play the media. Please try again.",
       "title": "Failed to play video!"
     },
diff --git a/src/assets/locales/pt-PT.json b/src/assets/locales/pt-PT.json
index 22dd4234..5f036586 100644
--- a/src/assets/locales/pt-PT.json
+++ b/src/assets/locales/pt-PT.json
@@ -288,6 +288,7 @@
         "errorNotSupported": "O objeto multimédia ou do fornecedor de multimédia não é suportado."
       },
       "homeButton": "Ir para casa",
+      "retryButton": "Tentar novamente",
       "text": "Ocorreu um erro ao tentar reproduzir o conteúdo multimédia. Por favor, tente novamente.",
       "title": "Falha ao reproduzir o vídeo!"
     },
diff --git a/src/pages/parts/player/PlaybackErrorPart.tsx b/src/pages/parts/player/PlaybackErrorPart.tsx
index df6e6414..e738ec3a 100644
--- a/src/pages/parts/player/PlaybackErrorPart.tsx
+++ b/src/pages/parts/player/PlaybackErrorPart.tsx
@@ -7,6 +7,7 @@ import { useModal } from "@/components/overlays/Modal";
 import { Paragraph } from "@/components/text/Paragraph";
 import { Title } from "@/components/text/Title";
 import { ErrorContainer, ErrorLayout } from "@/pages/layouts/ErrorLayout";
+import { playerStatus } from "@/stores/player/slices/source";
 import { usePlayerStore } from "@/stores/player/store";
 
 import { ErrorCardInModal } from "../errors/ErrorCard";
@@ -14,6 +15,8 @@ import { ErrorCardInModal } from "../errors/ErrorCard";
 export function PlaybackErrorPart() {
   const { t } = useTranslation();
   const playbackError = usePlayerStore((s) => s.interface.error);
+  const setStatus = usePlayerStore((s) => s.setStatus);
+  const setPlay = usePlayerStore((s) => s.play);
   const modal = useModal("error");
 
   return (
@@ -31,6 +34,18 @@ export function PlaybackErrorPart() {
           >
             {t("player.playbackError.homeButton")}
           </Button>
+          <Button
+            onClick={() => {
+              setStatus(playerStatus.PLAYING);
+              setPlay();
+            }}
+            href="secondary"
+            theme="secondary"
+            padding="md:px-12 p-2.5"
+            className="mt-6"
+          >
+            {t("player.playbackError.retryButton")}
+          </Button>
           <Button
             onClick={() => modal.show()}
             theme="purple"