UDN/static/src/translations.tsx

// STATIC
export const staticTextEnglish = {
  mailbox: "Mailbox",
  requestMailbox: "Request Mailbox",
  channel: "Channel",
  channel_placeholder: "my-channel",
  disconnected: "Server disconnected",
  reconnecting: "Reconnecting...",
  info: "Info",
  message: "Message",
  messages: "Messages",
  message_placeholder: "Hello, world!",
  message_placeholder_generic: "Type a message...",
  noMessagesReceived: "No messages received",
  messageLastReceived: "Last received message",
  messagesReceived: "Received Messages",
  send: "Send",
  serverInfo: "Server Info",
  settings: "Settings",
  subscribeToChannel: "Subscribe to channel",
  subscribe: "Subscribe",
  unsubscribe: "Unubscribe",
};

export const translations: { [key: string]: typeof staticTextEnglish } = {
  en: staticTextEnglish,
  es: {
    mailbox: "Buzón",
    requestMailbox: "Solicitar buzón",
    channel: "Canal",
    channel_placeholder: "mi-canal",
    disconnected: "Sin coneción",
    reconnecting: "Conectando...",
    info: "Info",
    message: "Mensaje",
    messages: "Mensajes",
    message_placeholder: "Hola!",
    message_placeholder_generic: "Nuevo mensaje",
    noMessagesReceived: "Sin mensajes",
    messageLastReceived: "Último mensaje",
    messagesReceived: "Todos los Mensajes",
    send: "Enviar",
    serverInfo: "Información",
    settings: "Configuración",
    subscribeToChannel: "Suscribirse a un canal",
    subscribe: "Suscribirse",
    unsubscribe: "Cancelar",
  },
  de: {
    mailbox: "Briefkasten",
    requestMailbox: "Briefkasten beantragen",
    channel: "Kanal",
    channel_placeholder: "mein-kanal",
    disconnected: "Verbindung getrennt",
    reconnecting: "Verbindung wird hergestellt...",
    info: "Daten",
    message: "Nachricht",
    messages: "Nachrichten",
    message_placeholder: "Hallo!",
    message_placeholder_generic: "Neue Nachricht",
    noMessagesReceived: "Keine Nachrichten",
    messageLastReceived: "Letzte Nachricht",
    messagesReceived: "Empfangene Nachrichten",
    send: "Senden",
    serverInfo: "Serverdaten",
    settings: "Einstellungen",
    subscribeToChannel: "Kanal beitreten",
    subscribe: "Beitreten",
    unsubscribe: "Verlassen",
  },
};

export function getText(key: keyof typeof staticTextEnglish): string {
  const language = navigator.language.substring(0, 2);
  if (translations[language]) {
    return translations[language][key];
  }
  return translations.en[key];
}