Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | /* Copyright (C) Click & Push Accessibility, Inc - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written and maintained by the Click & Push Development team * <dev@clicknpush.ca>, January 2022 */ import React from "react" import { View, Text } from "react-native" import Select from "react-native-multiple-select" import { lmTypes } from "../../../../utils/GlobalUtils" interface FilterLmTypesProps { localFilterTypes: number[], setLocalFilterTypes: (types: number[]) => void } /** * Component that offers a selector for landmark types to be filtered */ export const FilterLmTypes: React.FC<FilterLmTypesProps> = ({setLocalFilterTypes, localFilterTypes}) => { return ( <View style={{marginBottom: 10, justifyContent: 'flex-start'}}> <Text style={{marginRight: 10, marginBottom: 5}}>Landmark type:</Text> <View style={{width: '100%', justifyContent: 'center'}}> <Select textColor='black' itemTextColor='black' displayKey="label" uniqueKey="value" submitButtonText="Confirm" submitButtonColor='black' onSelectedItemsChange={(types) => { setLocalFilterTypes(types) }} selectedItems={localFilterTypes} items={Object.keys(lmTypes)?.map(icon => { return ( {label: lmTypes[parseInt(icon)].label.toUpperCase(), value: parseInt(icon), key: icon} )})} /> </View> </View> ) } |