change language to german

TheFrodo · Dec 30, 2023 · bc9c9a9 · bc9c9a9
1 parent d50b749
commit bc9c9a9
Show file tree

Hide file tree

Showing 27 changed files with 49 additions and 49 deletions.
diff --git a/src/components/Archive/VodPreview.tsx b/src/components/Archive/VodPreview.tsx
@@ -14,15 +14,15 @@ export const VodPreview = ({ vod }: TwitchVODResponse) => {
         </Title>
         <div>
           <div>
-            <span>Created At: </span>
+            <span>Erstellt: </span>
             {vod.created_at}
           </div>
           <div>
-            <span>Duration: </span>
+            <span>Dauer: </span>
             {vod.duration}
           </div>
           <div>
-            <span>Views: </span>
+            <span>Aufrufe: </span>
             {vod.view_count}
           </div>
         </div>

diff --git a/src/components/Authentication/Login.tsx b/src/components/Authentication/Login.tsx
@@ -47,7 +47,7 @@ export function LoginForm(props: PaperProps) {
   return (
     <Paper radius="md" p="xl" withBorder {...props}>
       <Text size="lg" fw={500}>
-        Welcome to Ganymede, login below
+        Willkommen bei VodArchiv, Logge dich ein
       </Text>
 
       {publicRuntimeConfig.SHOW_SSO_LOGIN_BUTTON != "false" && (
@@ -95,7 +95,7 @@ export function LoginForm(props: PaperProps) {
         <Group justify="space-between" mt="xl">
           <Link href="/register">
             <Anchor component="button" type="button" c="dimmed" size="xs">
-              Don't have an account? Register
+              Du hast keinen Account? Registriere dich hier
             </Anchor>
           </Link>
           <Button type="submit" radius="xl" loading={loading}>

diff --git a/src/components/Authentication/Register.tsx b/src/components/Authentication/Register.tsx
@@ -56,7 +56,7 @@ export function RegisterForm(props: PaperProps) {
   return (
     <Paper radius="md" p="xl" withBorder {...props}>
       <Text size="lg" fw={500}>
-        Welcome to Ganymede, sign up below
+        Willkommen bei VodArchiv, Registriere dich hier
       </Text>
 
       <form onSubmit={handleSubmit}>
@@ -91,7 +91,7 @@ export function RegisterForm(props: PaperProps) {
         <Group justify="space-between" mt="xl">
           <Link href="/login">
             <Anchor component="button" type="button" c="dimmed" size="xs">
-              Have an account? Login
+              Du hast bereits einen Account? Dann Logge dich hier ein
             </Anchor>
           </Link>
           <Button type="submit" radius="xl" loading={loading}>

diff --git a/src/components/Channel/NoVideosFound.tsx b/src/components/Channel/NoVideosFound.tsx
@@ -5,7 +5,7 @@ const ChannelNoVideosFound = () => {
   return (
     <div>
       <Center>
-        No videos found
+        Keine Videos gefunden!
         <Image src="/images/Sadge.webp" ml={5} height={19} width={27} />
       </Center>
     </div>

diff --git a/src/components/Error/Unauthorized.tsx b/src/components/Error/Unauthorized.tsx
@@ -19,13 +19,13 @@ export function Unauthorized() {
         size="lg"
         className={classes.description}
       >
-        Either you are not logged in or you do not have permission to view this
-        page.
+        Entweder bist du nicht eingeloggt oder du hast keine Berechtigung diese
+        Seite aufzurufen.
       </Text>
       <Group>
         <Link href="/">
           <Button variant="subtle" size="md">
-            Take me back to home page
+            Bring mich zurück auf die Startseite.
           </Button>
         </Link>
       </Group>

diff --git a/src/components/Landing/ContinueWatching.tsx b/src/components/Landing/ContinueWatching.tsx
@@ -26,7 +26,7 @@ const LandingContinueWatching = () => {
       }),
   });
 
-  if (error) return <div>failed to load</div>;
+  if (error) return <div>Fehler beim Laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (

diff --git a/src/components/Landing/Hero.tsx b/src/components/Landing/Hero.tsx
@@ -10,19 +10,19 @@ export function LandingHero() {
 
       <div className={classes.inner}>
         <Title className={classes.title}>
-          Ganymede
+          VodArchiv
         </Title>
 
         <Container size={640}>
           <Text size="lg" className={classes.description}>
-            Effortlessly preserve live streams and VODs. Every archive comes complete with a chat replay and a rendered chat experience.
+            Deine Plattform, wenn es um Twitch VOD's geht!
           </Text>
         </Container>
 
         <div className={classes.controls}>
           <Link href="/channels">
             <Button className={classes.control} variant="white" size="lg">
-              Channels
+              Kanäle
             </Button>
           </Link>
           <Link href="/login">

diff --git a/src/components/Landing/LoggedInHero.tsx b/src/components/Landing/LoggedInHero.tsx
@@ -6,7 +6,7 @@ export function LandingLoggedInHero() {
   return (
     <div className={classes.root}>
       <Center>
-        <Title className={classes.title}>Ganymede</Title>
+        <Title className={classes.title}>VodArchiv</Title>
       </Center>
     </div>
   );

diff --git a/src/components/Landing/Recent.tsx b/src/components/Landing/Recent.tsx
@@ -22,7 +22,7 @@ const LandingRecentlyArchived = () => {
       }),
   });
 
-  if (error) return <div>failed to load</div>;
+  if (error) return <div>Fehler beim Laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (

diff --git a/src/components/Vod/Card.tsx b/src/components/Vod/Card.tsx
@@ -181,7 +181,7 @@ const VideoCard = ({
         >
 
           <Text size="sm">
-            {dayjs(video.streamed_at).format("YYYY/MM/DD")}{" "}
+            {dayjs(video.streamed_at).format("DD.MM.YYYY")}{" "}
             {user.settings.moreUIDetails && (
               <span>{dayjs(video.streamed_at).format("LT")}</span>
             )}

diff --git a/src/components/Vod/ExperimentalChatPlayer.tsx b/src/components/Vod/ExperimentalChatPlayer.tsx
@@ -115,9 +115,9 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
         setReady(true);
         internalReady = true;
 
-        createCustomComment("Chat player ready.");
+        createCustomComment("VODChat ist bereit!");
         createCustomComment(
-          `Fetched ${generalBadgeMap.size.toLocaleString()} badges, ${subscriptionBadgeMap.size.toLocaleString()} subscription badges, and ${emoteMap.size.toLocaleString()} emotes.`
+          `Es wurden ${generalBadgeMap.size.toLocaleString()} badges, ${subscriptionBadgeMap.size.toLocaleString()} subscription badges, und ${emoteMap.size.toLocaleString()} emotes abgerufen.`
         );
       });
     });
@@ -286,7 +286,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
     const clearChat = () => {
       chat.current = [];
       recChat = [];
-      createCustomComment("Time skip detected. Chat cleared.");
+      createCustomComment("Es wurde ein Zeitsprung erkannt. Der Chat wurde geleert.");
     };
 
     const videoPlayerInterval = setInterval(() => {
@@ -354,7 +354,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
       _id: randomId(),
       content_offset_seconds: 0,
       commenter: {
-        display_name: "Ganymede",
+        display_name: "VODChat",
       },
       message: {
         body: message,

diff --git a/src/components/Vod/LoginRequred.tsx b/src/components/Vod/LoginRequred.tsx
@@ -28,7 +28,7 @@ const VodLoginRequired = (vod: Video) => {
           <IconLock size={64} className={classes.icon} />
         </Center>
         <div className={classes.text}>
-          You must be logged in to view this video
+          Du musst eingeloggt sein, um dieses Video zu sehen!
         </div>
       </div>
     </div>

diff --git a/src/components/Vod/MissingThumbnailImage.tsx b/src/components/Vod/MissingThumbnailImage.tsx
@@ -5,7 +5,7 @@ export const MissingThumbnailImage = () => {
     <>
     <Image 
       src="/images/ganymede-thumbnail.png"
-      alt="Ganymede Thumbnail"
+      alt="vodarchiv Thumbnail"
       fit="contain"
     />
     </>

diff --git a/src/components/Vod/TitleBar.tsx b/src/components/Vod/TitleBar.tsx
@@ -70,7 +70,7 @@ export const VodTitleBar = ({ vod }: any) => {
               >
                 <div className={classes.titleBarBadge}>
                   <Text mr={5}>
-                    {dayjs(vod.streamed_at).format("YYYY/MM/DD")}
+                    {dayjs(vod.streamed_at).format("DD.MM.YYYY")}
                   </Text>
                   <IconCalendarEvent size={20} />
                 </div>

diff --git a/src/components/layouts/Navbar.tsx b/src/components/layouts/Navbar.tsx
@@ -152,7 +152,7 @@ export function HeaderMegaMenu() {
               Home
             </Link>
             <Link href="/channels" className={classes.link}>
-              Channels
+              Kanäle
             </Link>
             <Link href="/playlists" className={classes.link}>
               Playlists
@@ -162,7 +162,7 @@ export function HeaderMegaMenu() {
               roles: [ROLES.EDITOR, ROLES.ARCHIVER, ROLES.ADMIN],
             }) && (
                 <Link href="/archive" className={classes.link}>
-                  Archive
+                  Archiv
                 </Link>
               )}
             {useJsxAuth({
@@ -178,12 +178,12 @@ export function HeaderMegaMenu() {
               roles: [ROLES.EDITOR, ROLES.ARCHIVER, ROLES.ADMIN],
             }) && (
                 <Link href="/queue" className={classes.link}>
-                  Queue
+                  Warteschlange
                 </Link>
               )}
             {useJsxAuth({ loggedIn: true, roles: [] }) && (
               <Link href="/profile" className={classes.link}>
-                Profile
+                Profil
               </Link>
             )}
 
@@ -240,12 +240,12 @@ export function HeaderMegaMenu() {
                   </Link>
                 ) : (
                   <Link href="/login" style={{ marginRight: "0.75rem" }}>
-                    <Button variant="default">Log in</Button>
+                    <Button variant="default">Einloggen</Button>
                   </Link>
                 )}
 
                 <Link href="/register">
-                  <Button color="violet">Sign up</Button>
+                  <Button color="violet">Registrieren</Button>
                 </Link>
               </div>
             )}
@@ -271,7 +271,7 @@ export function HeaderMegaMenu() {
             Home
           </Link>
           <Link href="/channels" className={classes.link}>
-            Channels
+            Kanäle
           </Link>
           <Link href="/playlists" className={classes.link}>
             Playlists
@@ -297,7 +297,7 @@ export function HeaderMegaMenu() {
             roles: [ROLES.EDITOR, ROLES.ARCHIVER, ROLES.ADMIN],
           }) && (
               <Link href="/queue" className={classes.link}>
-                Queue
+                Warteschlange
               </Link>
             )}
           {useJsxAuth({ loggedIn: true, roles: [] }) && (
@@ -351,16 +351,16 @@ export function HeaderMegaMenu() {
                     href={`${publicRuntimeConfig.API_URL}/api/v1/auth/oauth/login`}
                     style={{ marginRight: "0.75rem" }}
                   >
-                    <Button variant="default">Log in</Button>
+                    <Button variant="default">Einloggen</Button>
                   </Link>
                 ) : (
                   <Link href="/login" style={{ marginRight: "0.75rem" }}>
-                    <Button variant="default">Log in</Button>
+                    <Button variant="default">Einloggen</Button>
                   </Link>
                 )}
 
                 <Link href="/register">
-                  <Button color="violet">Sign up</Button>
+                  <Button color="violet">Registrieren</Button>
                 </Link>
               </div>
             )}

diff --git a/src/pages/channels/[channelName].tsx b/src/pages/channels/[channelName].tsx
@@ -55,7 +55,7 @@ const ChannelPage = (props: any) => {
     { value: "clip", label: "Clip" },
   ];
 
-  useDocumentTitle(`${props.channel.display_name} - Ganymede`);
+  useDocumentTitle(`${props.channel.display_name} - VodArchiv`);
 
   const queryClient = useQueryClient();
 

diff --git a/src/pages/channels/index.tsx b/src/pages/channels/index.tsx
@@ -10,7 +10,7 @@ import { useDocumentTitle } from "@mantine/hooks";
 const ChannelsPage = () => {
   const queryClient = useQueryClient();
 
-  useDocumentTitle("Channels - Ganymede");
+  useDocumentTitle("Channels - VodArchiv");
 
   // React Query
   const { isLoading, error, data } = useQuery({

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -13,7 +13,7 @@ import { LandingLoggedInHero } from "../components/Landing/LoggedInHero";
 
 export default function Home() {
 
-  useDocumentTitle("Ganymede");
+  useDocumentTitle("VodArchiv");
 
   const user = useUserStore((state) => state);
 

diff --git a/src/pages/login.tsx b/src/pages/login.tsx
@@ -3,7 +3,7 @@ import { Container } from "@mantine/core";
 import { useDocumentTitle } from "@mantine/hooks";
 
 const LoginPage = () => {
-  useDocumentTitle("Ganymede - Login");
+  useDocumentTitle("VodArchiv - Login");
   return (
     <div>
       <Container mt={50} size="sm">

diff --git a/src/pages/playlists/[playlistId].tsx b/src/pages/playlists/[playlistId].tsx
@@ -16,7 +16,7 @@ const PlaylistPage = (props: any) => {
   const [deletePlaylistModalOpened, setDeletePlaylistModalOpened] =
     useState(false);
 
-  useDocumentTitle(`Ganymede - Playlist ${props.playlistId}`);
+  useDocumentTitle(`VodArchiv - Playlist ${props.playlistId}`);
 
   const { isLoading, error, data } = useQuery({
     queryKey: ["playlist", props.playlistId],

diff --git a/src/pages/playlists/index.tsx b/src/pages/playlists/index.tsx
@@ -9,7 +9,7 @@ import classes from "./playlists.module.css"
 const PlaylistsPage = () => {
   const [opened, setOpened] = useState(false);
 
-  useDocumentTitle("Playlists - Ganymede");
+  useDocumentTitle("Playlists - VodArchiv");
 
   const closeModalCallback = () => {
     setOpened(false);

diff --git a/src/pages/profile.tsx b/src/pages/profile.tsx
@@ -32,7 +32,7 @@ const ProfilePage = () => {
   const [showMoreUIDetails, setShowMoreUIDetails] = useState(false);
 
 
-  useDocumentTitle("Profile - Ganymede");
+  useDocumentTitle("Profile - VodArchiv");
 
   useEffect(() => {
     setUseNewChatPlayer(user.settings.useNewChatPlayer);

diff --git a/src/pages/queue/[queueId].tsx b/src/pages/queue/[queueId].tsx
@@ -15,7 +15,7 @@ const QueueItemPage = (props: any) => {
 
   const [intervalMs, setIntervalMs] = useState(1000);
 
-  useDocumentTitle(`Queue ${props.queueId} - Ganymede`);
+  useDocumentTitle(`Warteschlange ${props.queueId} - VodArchiv`);
 
   const { error, isLoading, data } = useQuery({
     queryKey: ["queue-item", props.queueId],

diff --git a/src/pages/queue/index.tsx b/src/pages/queue/index.tsx
@@ -5,7 +5,7 @@ import { Authorization, ROLES } from "../../components/ProtectedRoute";
 import QueueTable from "../../components/Queue/Table";
 
 const QueuePage = () => {
-  useDocumentTitle("Queue - Ganymede");
+  useDocumentTitle("Warteschlange - VodArchiv");
   return (
     <Authorization allowedRoles={[ROLES.ARCHIVER, ROLES.EDITOR, ROLES.ADMIN]}>
       <Container mt={10} size="7xl">

diff --git a/src/pages/register.tsx b/src/pages/register.tsx
@@ -4,7 +4,7 @@ import { RegisterForm } from "../components/Authentication/Register";
 import { useDocumentTitle } from "@mantine/hooks";
 
 const RegisterPage = () => {
-  useDocumentTitle("Ganymede - Register");
+  useDocumentTitle("VodArchiv - Register");
   return (
     <div>
       <Container mt={50} size="sm">

diff --git a/src/pages/search/index.tsx b/src/pages/search/index.tsx
@@ -30,7 +30,7 @@ const SearchPage = (props: SearchPageProps) => {
   const [limit, setLimit] = useState(24);
   const handlers = useRef<NumberInputHandlers>();
 
-  useDocumentTitle("Ganymede - Search");
+  useDocumentTitle("VodArchiv - Suche");
 
   useEffect(() => {
     if (props.q && props.q.length > 0) {

diff --git a/src/pages/vods/[vodId].tsx b/src/pages/vods/[vodId].tsx
@@ -97,7 +97,7 @@ const VodPage = (props: any) => {
   }, [leftColumnRef, rightColumnRef, isMobile])
 
 
-  useDocumentTitle(`Ganymede - VOD ${props.vodId}`);
+  useDocumentTitle(`VodArchiv - VOD ${props.vodId}`);
 
   const { data } = useQuery({
     queryKey: ["vod", props.vodId],
@@ -149,7 +149,7 @@ const VodPage = (props: any) => {
   return (
     <div>
       <Head>
-        <title>{data.title} - Ganymede</title>
+        <title>{data.title} - VodArchiv</title>
       </Head>
       {checkLoginRequired() && <VodLoginRequired {...data} />}
       {!checkLoginRequired() && (