lbry-desktop/ui/component/homepageSelector/view.jsx
2022-03-04 12:21:34 +08:00

44 lines
1 KiB
JavaScript

// @flow
import React from 'react';
import { getLanguageName } from 'constants/languages';
import { FormField } from 'component/common/form';
import { getDefaultHomepageKey } from 'util/default-languages';
type Props = {
homepage: string,
setHomepage: (string) => void,
};
function SelectHomepage(props: Props) {
const { homepage, setHomepage } = props;
const homepages = window.homepages || {};
const homepageKeys = Object.keys(homepages);
function handleSetHomepage(e) {
const { value } = e.target;
setHomepage(value);
}
if (homepageKeys.length <= 1) {
return null;
}
return (
<React.Fragment>
<FormField
name="homepage_select"
type="select"
onChange={handleSetHomepage}
value={homepage || getDefaultHomepageKey()}
>
{homepageKeys.map((hp) => (
<option key={'hp' + hp} value={hp}>
{getLanguageName(hp)}
</option>
))}
</FormField>
</React.Fragment>
);
}
export default SelectHomepage;