32 lines
660 B
TypeScript
32 lines
660 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
import * as List from '../../containers/List';
|
||
|
|
import { useTheme } from '../../theme';
|
||
|
|
|
||
|
|
const LanguageItem = ({
|
||
|
|
item,
|
||
|
|
language,
|
||
|
|
submit
|
||
|
|
}: {
|
||
|
|
item: { value: string; label: string };
|
||
|
|
language: string;
|
||
|
|
submit: (language: string) => Promise<void>;
|
||
|
|
}) => {
|
||
|
|
const { colors } = useTheme();
|
||
|
|
|
||
|
|
const { value, label } = item;
|
||
|
|
const isSelected = language === value;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<List.Item
|
||
|
|
title={label}
|
||
|
|
onPress={() => submit(value)}
|
||
|
|
testID={`language-view-${value}`}
|
||
|
|
right={() => (isSelected ? <List.Icon name='check' color={colors.tintColor} /> : null)}
|
||
|
|
translateTitle={false}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default LanguageItem;
|