3c3973eaa5
* Add onPress on full chip
* Address feedback
* Fix test
(cherry picked from commit d4fb05d4bb)
Co-authored-by: Daniel Espino García <larkox@gmail.com>
31 lines
691 B
TypeScript
31 lines
691 B
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React, {useMemo} from 'react';
|
|
|
|
import BaseChip from './base_chip';
|
|
|
|
type SelectedChipProps = {
|
|
id: string;
|
|
text: string;
|
|
onRemove: (id: string) => void;
|
|
testID?: string;
|
|
}
|
|
|
|
export default function SelectedChip({
|
|
id,
|
|
text,
|
|
onRemove,
|
|
testID,
|
|
}: SelectedChipProps) {
|
|
const action = useMemo(() => ({icon: 'remove' as const, onPress: () => onRemove(id)}), [id, onRemove]);
|
|
|
|
return (
|
|
<BaseChip
|
|
testID={testID}
|
|
action={action}
|
|
showAnimation={true}
|
|
label={text}
|
|
/>
|
|
);
|
|
}
|