Added retry button on Playback Error page (#847)

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!"
     },

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!"
     },

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"