add labels to other selects
This commit is contained in:
@@ -66,6 +66,7 @@ export function AppLanguageDropdown() {
|
|||||||
)}
|
)}
|
||||||
</Select.Trigger>
|
</Select.Trigger>
|
||||||
<Select.Content
|
<Select.Content
|
||||||
|
label={_(msg`Select language`)}
|
||||||
renderItem={({label, value}) => (
|
renderItem={({label, value}) => (
|
||||||
<Select.Item value={value} label={label}>
|
<Select.Item value={value} label={label}>
|
||||||
<Select.ItemIndicator />
|
<Select.ItemIndicator />
|
||||||
|
|||||||
@@ -13,10 +13,12 @@ export function LanguageSelect({
|
|||||||
label: l.name,
|
label: l.name,
|
||||||
value: l.code2,
|
value: l.code2,
|
||||||
})),
|
})),
|
||||||
|
label,
|
||||||
}: {
|
}: {
|
||||||
value?: string
|
value?: string
|
||||||
onChange: (value: string) => void
|
onChange: (value: string) => void
|
||||||
items?: {label: string; value: string}[]
|
items?: {label: string; value: string}[]
|
||||||
|
label?: string
|
||||||
}) {
|
}) {
|
||||||
const {_} = useLingui()
|
const {_} = useLingui()
|
||||||
|
|
||||||
@@ -37,6 +39,7 @@ export function LanguageSelect({
|
|||||||
<Select.Icon />
|
<Select.Icon />
|
||||||
</Select.Trigger>
|
</Select.Trigger>
|
||||||
<Select.Content
|
<Select.Content
|
||||||
|
label={label}
|
||||||
renderItem={({label, value}) => (
|
renderItem={({label, value}) => (
|
||||||
<Select.Item value={value} label={label}>
|
<Select.Item value={value} label={label}>
|
||||||
<Select.ItemIndicator />
|
<Select.ItemIndicator />
|
||||||
|
|||||||
@@ -289,6 +289,7 @@ function Inner() {
|
|||||||
<Trans>Your preferred language</Trans>
|
<Trans>Your preferred language</Trans>
|
||||||
</TextField.LabelText>
|
</TextField.LabelText>
|
||||||
<LanguageSelect
|
<LanguageSelect
|
||||||
|
label={_(msg`Preferred language`)}
|
||||||
value={language}
|
value={language}
|
||||||
onChange={value => {
|
onChange={value => {
|
||||||
setLanguage(value)
|
setLanguage(value)
|
||||||
|
|||||||
@@ -100,6 +100,7 @@ export function LanguageSettingsScreen({}: Props) {
|
|||||||
<Select.Icon />
|
<Select.Icon />
|
||||||
</Select.Trigger>
|
</Select.Trigger>
|
||||||
<Select.Content
|
<Select.Content
|
||||||
|
label={_(msg`App language`)}
|
||||||
renderItem={({label, value}) => (
|
renderItem={({label, value}) => (
|
||||||
<Select.Item value={value} label={label}>
|
<Select.Item value={value} label={label}>
|
||||||
<Select.ItemIndicator />
|
<Select.ItemIndicator />
|
||||||
@@ -133,6 +134,7 @@ export function LanguageSettingsScreen({}: Props) {
|
|||||||
<Select.Icon />
|
<Select.Icon />
|
||||||
</Select.Trigger>
|
</Select.Trigger>
|
||||||
<Select.Content
|
<Select.Content
|
||||||
|
label={_(msg`Primary language`)}
|
||||||
renderItem={({label, value}) => (
|
renderItem={({label, value}) => (
|
||||||
<Select.Item value={value} label={label}>
|
<Select.Item value={value} label={label}>
|
||||||
<Select.ItemIndicator />
|
<Select.ItemIndicator />
|
||||||
|
|||||||
Reference in New Issue
Block a user