diff --git a/static/app-strings.json b/static/app-strings.json
index 09bc24d09..8abb10570 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -1527,6 +1527,7 @@
"Pin": "Pin",
"Unpin": "Unpin",
"LBRY leveled up": "LBRY leveled up",
+ "Channel language": "Channel language",
"Primary Language": "Primary Language",
"Your main content language": "Your main content language",
"None selected": "None selected",
diff --git a/ui/page/youtubeSync/view.jsx b/ui/page/youtubeSync/view.jsx
index c4ce907bf..e625bb436 100644
--- a/ui/page/youtubeSync/view.jsx
+++ b/ui/page/youtubeSync/view.jsx
@@ -1,6 +1,7 @@
// @flow
import { SITE_NAME, DOMAIN } from 'config';
import * as PAGES from 'constants/pages';
+import SUPPORTED_LANGUAGES from 'constants/supported_languages';
import React from 'react';
import Page from 'component/page';
import Button from 'component/button';
@@ -13,6 +14,7 @@ import { Lbryio } from 'lbryinc';
import { useHistory } from 'react-router';
import YoutubeTransferStatus from 'component/youtubeTransferStatus';
import Nag from 'component/common/nag';
+import { getDefaultLanguage } from 'util/default-languages';
const STATUS_TOKEN_PARAM = 'status_token';
const ERROR_MESSAGE_PARAM = 'error_message';
@@ -37,6 +39,7 @@ export default function YoutubeSync(props: Props) {
const errorMessage = urlParams.get(ERROR_MESSAGE_PARAM);
const newChannelParam = urlParams.get(NEW_CHANNEL_PARAM);
const [channel, setChannel] = React.useState('');
+ const [language, setLanguage] = React.useState(getDefaultLanguage());
const [nameError, setNameError] = React.useState(undefined);
const [acknowledgedTerms, setAcknowledgedTerms] = React.useState(false);
const [addingNewChannel, setAddingNewChannel] = React.useState(newChannelParam);
@@ -69,7 +72,8 @@ export default function YoutubeSync(props: Props) {
immediate_sync: true,
desired_lbry_channel_name: `@${channel}`,
return_url: `https://${DOMAIN}/$/${inSignUpFlow ? PAGES.AUTH : PAGES.YOUTUBE_SYNC}`,
- }).then(ytAuthUrl => {
+ channel_language: language,
+ }).then((ytAuthUrl) => {
// react-router isn't needed since it's a different domain
window.location.href = ytAuthUrl;
});
@@ -136,6 +140,19 @@ export default function YoutubeSync(props: Props) {
onChange={handleChannelChange}
/>
+ setLanguage(event.target.value)}
+ value={language}
+ >
+ {Object.keys(SUPPORTED_LANGUAGES).map((language) => (
+
+ ))}
+