Capitalize choice label

This commit is contained in:
dominik-zeglen 2019-10-18 14:29:01 +02:00
parent 845d5186c9
commit 0b93f85348
2 changed files with 6 additions and 1 deletions

View file

@ -332,3 +332,7 @@ export function parseBoolean(a: string): boolean {
} }
return a === "true"; return a === "true";
} }
export function capitalize(s: string) {
return s.charAt(0).toLocaleUpperCase() + s.slice(1);
}

View file

@ -6,6 +6,7 @@ import { useIntl } from "react-intl";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import { Locale, localeNames } from "@saleor/components/Locale"; import { Locale, localeNames } from "@saleor/components/Locale";
import SingleAutocompleteSelectField from "@saleor/components/SingleAutocompleteSelectField"; import SingleAutocompleteSelectField from "@saleor/components/SingleAutocompleteSelectField";
import { capitalize } from "@saleor/misc";
interface StaffPreferencesProps { interface StaffPreferencesProps {
locale: Locale; locale: Locale;
@ -29,7 +30,7 @@ const StaffPreferences: React.StatelessComponent<StaffPreferencesProps> = ({
<CardContent> <CardContent>
<SingleAutocompleteSelectField <SingleAutocompleteSelectField
choices={Object.values(Locale).map(locale => ({ choices={Object.values(Locale).map(locale => ({
label: localeNames[locale], label: capitalize(localeNames[locale]),
value: locale value: locale
}))} }))}
displayValue={localeNames[locale]} displayValue={localeNames[locale]}