language change to german for main

src/components/Archive/VodPreview.tsx

@@ -15,11 +15,11 @@ export const VodPreview = ({ video }: { video: PlatformVideoInfo }) => {
         </Title>
         <div>
           <div>
-            <span>Created At: </span>
+            <span>Datum der Veröffentlichung: </span>
             {video.created_at}
           </div>
           <div>
-            <span>Duration: </span>
+            <span>Dauer: </span>
             {video.duration}
           </div>
           <div>

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.net
       </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 noch keinen Account? Dann Registriere dich hier
             </Anchor>
           </Link>
           <Button type="submit" radius="xl" loading={loading}>

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,11 +91,11 @@ 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 ein
             </Anchor>
           </Link>
           <Button type="submit" radius="xl" loading={loading}>
-            Register
+            Registrieren
           </Button>
         </Group>
       </form>

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>

src/components/Error/Unauthorized.tsx

@@ -14,18 +14,17 @@ export function Unauthorized() {
   return (
     <Container className={classes.root}>
       <div className={classes.label}>401</div>
-      <Title className={classes.title}>Unauthorized.</Title>
+      <Title className={classes.title}>Nicht Berechtigt.</Title>
       <Text
         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 anzusehen.
       </Text>
       <Group>
         <Link href="/">
           <Button variant="subtle" size="md">
-            Take me back to home page
+            Zurück zur Startseite
           </Button>
         </Link>
       </Group>

src/components/Landing/Hero.tsx

@@ -10,19 +10,20 @@ 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!
+            Müheloses Speichern von Livestreams und VODs. Jedes Archiv enthält einen Chat-Wiederholung und eine gerenderte Chat-Erfahrung.
           </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">

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>
   );

src/components/Video/ExperimentalChatPlayer.tsx

@@ -356,7 +356,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
       _id: randomId(),
       content_offset_seconds: 0,
       commenter: {
-        display_name: "Ganymede",
+        display_name: "VODChat",
       },
       message: {
         body: message,

src/pages/archive/index.tsx

@@ -39,7 +39,7 @@ const ArchivePage = () => {
   );
   const [channelData, setChannelData] = useState([]);
   const [channelId, setChannelID] = useState("");
-  useDocumentTitle("Archive - Ganymede");
+  useDocumentTitle("Archiv - VODArchiv");
 
   const qualityOptions = [
     { label: "Best", value: "best" },

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();
 

src/pages/channels/index.tsx

@@ -21,7 +21,7 @@ const ChannelsPage = () => {
       ),
   });
 
-  if (error) return <div>failed to load</div>;
+  if (error) return <div>Fehler beim Laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (

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],

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);

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 - Search");
 
   useEffect(() => {
     if (props.q && props.q.length > 0) {

src/pages/vods/[vodId].tsx

@@ -48,7 +48,7 @@ const VodPage = (props: any) => {
 
   const isMobile = useMediaQuery(`(max-width: 1000px)`);
 
-  useDocumentTitle(`Ganymede - VOD ${props.vodId}`);
+  useDocumentTitle(`VODArchiv - VOD ${props.vodId}`);
 
   const { data } = useQuery({
     queryKey: ["vod", props.vodId],
@@ -89,7 +89,7 @@ const VodPage = (props: any) => {
   return (
     <div>
       <Head>
-        <title>{data.title} - Ganymede</title>
+        <title>{data.title} - VODArchiv</title>
       </Head>
       {checkLoginRequired() && <VodLoginRequired {...data} />}
       {!checkLoginRequired() && (