Alert and Toasts

components/DownloadItem.tsx

@@ -32,6 +32,7 @@ import { MediaSourceSelector } from "./MediaSourceSelector";
 import ProgressCircle from "./ProgressCircle";
 import { RoundButton } from "./RoundButton";
 import { SubtitleTrackSelector } from "./SubtitleTrackSelector";
+import { useTranslation } from "react-i18next";
 
 interface DownloadProps extends ViewProps {
   items: BaseItemDto[];
@@ -55,6 +56,7 @@ export const DownloadItems: React.FC<DownloadProps> = ({
   const [user] = useAtom(userAtom);
   const [queue, setQueue] = useAtom(queueAtom);
   const [settings] = useSettings();
+  const { t } = useTranslation();
   const { processes, startBackgroundDownload, downloadedFiles } = useDownload();
   const { startRemuxing } = useRemuxHlsToMp4();
 
@@ -160,7 +162,7 @@ export const DownloadItems: React.FC<DownloadProps> = ({
         );
       }
     } else {
-      toast.error("You are not allowed to download files.");
+      toast.error(t("home.downloads.toasts.you_are_not_allowed_to_download_files"));
     }
   }, [
     queue,
@@ -212,8 +214,8 @@ export const DownloadItems: React.FC<DownloadProps> = ({
 
         if (!res) {
           Alert.alert(
-            "Something went wrong",
-            "Could not get stream url from Jellyfin"
+            t("home.downloads.something_went_wrong"),
+            t("home.downloads.could_not_get_stream_url_from_jellyfin")
           );
           continue;
         }

components/PlayButton.tsx

@@ -33,6 +33,7 @@ import { Button } from "./Button";
 import { SelectedOptions } from "./ItemContent";
 import { chromecastProfile } from "@/utils/profiles/chromecast";
 import * as Haptics from "expo-haptics";
+import { useTranslation } from "react-i18next";
 
 interface Props extends React.ComponentProps<typeof Button> {
   item: BaseItemDto;
@@ -50,6 +51,7 @@ export const PlayButton: React.FC<Props> = ({
   const { showActionSheetWithOptions } = useActionSheet();
   const client = useRemoteMediaClient();
   const mediaStatus = useMediaStatus();
+  const { t } = useTranslation();
 
   const [colorAtom] = useAtom(itemThemeColorAtom);
   const api = useAtomValue(apiAtom);
@@ -131,8 +133,8 @@ export const PlayButton: React.FC<Props> = ({
                 if (!data?.url) {
                   console.warn("No URL returned from getStreamUrl", data);
                   Alert.alert(
-                    "Client error",
-                    "Could not create stream for Chromecast"
+                    t("player.client_error"),
+                    t("player.could_not_create_stream_for_chromecast")
                   );
                   return;
                 }

components/downloads/ActiveDownloads.tsx

@@ -22,13 +22,12 @@ import { Button } from "../Button";
 import { Image } from "expo-image";
 import { useMemo } from "react";
 import { storage } from "@/utils/mmkv";
-import { useTranslation } from "react-i18next";
+import { t } from "i18next";
 
 interface Props extends ViewProps {}
 
 export const ActiveDownloads: React.FC<Props> = ({ ...props }) => {
   const { processes } = useDownload();
-  const { t } = useTranslation();
   if (processes?.length === 0)
     return (
       <View {...props} className="bg-neutral-900 p-4 rounded-2xl">
@@ -84,11 +83,11 @@ const DownloadCard = ({ process, ...props }: DownloadCardProps) => {
       }
     },
     onSuccess: () => {
-      toast.success("Download canceled");
+      toast.success(t("home.downloads.toasts.download_cancelled"));
     },
     onError: (e) => {
       console.error(e);
-      toast.error("Could not cancel download");
+      toast.error(t("home.downloads.toasts.could_not_cancel_download"));
     },
   });
 

components/series/JellyseerrSeasons.tsx

@@ -20,6 +20,7 @@ import { HorizontalScroll } from "@/components/common/HorrizontalScroll";
 import { Image } from "expo-image";
 import MediaRequest from "@/utils/jellyseerr/server/entity/MediaRequest";
 import { Loader } from "../Loader";
+import { t } from "i18next";
 
 const JellyseerrSeasonEpisodes: React.FC<{
   details: TvDetails;
@@ -155,13 +156,13 @@ const JellyseerrSeasons: React.FC<{
 
   const promptRequestAll = useCallback(
     () =>
-      Alert.alert("Confirm", "Are you sure you want to request all seasons?", [
+      Alert.alert(t("jellyseerr.confirm"), t("jellyseerr.are_you_sure_you_want_to_request_all_seasons"), [
         {
-          text: "Cancel",
+          text: t("jellyseerr.cancel"),
           style: "cancel",
         },
         {
-          text: "Yes",
+          text: t("jellyseerr.yes"),
           onPress: requestAll,
         },
       ]),

components/settings/Jellyseerr.tsx

@@ -50,7 +50,7 @@ export const JellyseerrSettings = () => {
       updateSettings({ jellyseerrServerUrl });
     },
     onError: () => {
-      toast.error("Failed to login");
+      toast.error(t("jellyseerr.failed_to_login"));
     },
     onSettled: () => {
       setJellyseerrPassword(undefined);
@@ -124,16 +124,16 @@ export const JellyseerrSettings = () => {
         ) : (
           <View className="flex flex-col rounded-xl overflow-hidden p-4 bg-neutral-900">
             <Text className="text-xs text-red-600 mb-2">
-              {t("home.settings.jellyseer.jellyseer_warning")}
+              {t("home.settings.jellyseerr.jellyseerr_warning")}
             </Text>
-            <Text className="font-bold mb-1">{t("home.settings.jellyseer.server_url")}</Text>
+            <Text className="font-bold mb-1">{t("home.settings.jellyseerr.server_url")}</Text>
             <View className="flex flex-col shrink mb-2">
               <Text className="text-xs text-gray-600">
-                {t("home.settings.jellyseer.server_url_hint")}
+                {t("home.settings.jellyseerr.server_url_hint")}
               </Text>
             </View>
             <Input
-              placeholder={t("home.settings.jellyseer.server_url_placeholder")}
+              placeholder={t("home.settings.jellyseerr.server_url_placeholder")}
               value={settings?.jellyseerrServerUrl ?? jellyseerrServerUrl}
               defaultValue={
                 settings?.jellyseerrServerUrl ?? jellyseerrServerUrl
@@ -163,7 +163,7 @@ export const JellyseerrSettings = () => {
                 marginBottom: 8,
               }}
             >
-              {promptForJellyseerrPass ? t("home.settings.jellyseer.clear_button") : t("home.settings.jellyseer.save_button")}
+              {promptForJellyseerrPass ? t("home.settings.jellyseerr.clear_button") : t("home.settings.jellyseerr.save_button")}
             </Button>
 
             <View
@@ -172,11 +172,11 @@ export const JellyseerrSettings = () => {
                 opacity: promptForJellyseerrPass ? 1 : 0.5,
               }}
             >
-              <Text className="font-bold mb-2">{t("home.settings.jellyseer.password")}</Text>
+              <Text className="font-bold mb-2">{t("home.settings.jellyseerr.password")}</Text>
               <Input
                 autoFocus={true}
                 focusable={true}
-                placeholder={t("home.settings.jellyseer.password_placeholder", {username: user?.Name})}
+                placeholder={t("home.settings.jellyseerr.password_placeholder", {username: user?.Name})}
                 value={jellyseerrPassword}
                 keyboardType="default"
                 secureTextEntry={true}
@@ -196,7 +196,7 @@ export const JellyseerrSettings = () => {
                 className="h-12 mt-2"
                 onPress={() => loginToJellyseerrMutation.mutate()}
               >
-                {t("home.settings.jellyseer.login_button")}
+                {t("home.settings.jellyseerr.login_button")}
               </Button>
             </View>
           </View>

components/settings/SettingToggles.tsx

@@ -77,10 +77,10 @@ export const SettingToggles: React.FC<Props> = ({ ...props }) => {
 
       if (settings?.autoDownload === true && !registered) {
         registerBackgroundFetchAsync();
-        toast.success("Background downloads enabled");
+        toast.success(t("home.settings.toasts.background_downloads_enabled"));
       } else if (settings?.autoDownload === false && registered) {
         unregisterBackgroundFetchAsync();
-        toast.info("Background downloads disabled");
+        toast.info(t("home.settings.toasts.background_downloads_disabled"));
       } else if (settings?.autoDownload === true && registered) {
         // Don't to anything
       } else if (settings?.autoDownload === false && !registered) {
@@ -654,8 +654,8 @@ export const SettingToggles: React.FC<Props> = ({ ...props }) => {
                       deviceId: await getOrSetDeviceId(),
                     });
                     if (res) {
-                      toast.success("Connected");
-                    } else toast.error("Could not connect");
+                      toast.success(t("home.settings.toasts.connected"));
+                    } else toast.error(t("home.settings.toasts.could_not_connect"));
                   }}
                 >
                   {t("home.settings.downloads.save_button")}