Merge 0283589242 into f3dd80f42b

decrease amount of margin of edit button on small screens

src/assets/locales/en.json

@@ -278,7 +278,8 @@
         "loadingError": "Error loading season",
         "loadingList": "Loading...",
         "loadingTitle": "Loading...",
-        "unairedEpisodes": "One or more episodes in this season have been disabled because they haven't been aired yet."
+        "unairedEpisodes": "One or more episodes in this season have been disabled because they haven't been aired yet.",
+        "seasons": "Seasons"
       },
       "playback": {
         "speedLabel": "Playback speed",
@@ -375,6 +376,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/components/buttons/EditButton.tsx

@@ -25,7 +25,7 @@ export function EditButton(props: EditButtonProps) {
     >
       <span ref={parent}>
         {props.editing ? (
-          <span className="mx-4 whitespace-nowrap">
+          <span className="mx-2 sm:mx-4 whitespace-nowrap">
             {t("home.mediaList.stopEditing")}
           </span>
         ) : (

src/components/player/atoms/Episodes.tsx

@@ -212,9 +212,16 @@ function EpisodesView({
 
   return (
     <Menu.CardWithScrollable>
-      <Menu.BackLink onClick={goBack}>
+      <Menu.BackLink
-        {loadingState?.value?.season.title ||
+        onClick={goBack}
-          t("player.menus.episodes.loadingTitle")}
+        rightSide={
+          <span>
+            {loadingState?.value?.season.title ||
+              t("player.menus.episodes.loadingTitle")}
+          </span>
+        }
+      >
+        {t("player.menus.episodes.seasons")}
       </Menu.BackLink>
       {content}
     </Menu.CardWithScrollable>

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"