mirror of
https://github.com/LucasVbr/meeting-app.git
synced 2026-05-13 17:21:53 +00:00
Lucàs
19 lines
475 B
TypeScript
19 lines
475 B
TypeScript
import {Badge, Flex} from '@chakra-ui/react';
|
|
|
|
type Props = {
|
|
passions: string[],
|
|
userPassions?: string[]
|
|
}
|
|
|
|
export default function PassionBadgeList({passions, userPassions = []}: Props) {
|
|
return (
|
|
<Flex gap={'0.5rem'} mt={'1vh'}>
|
|
{passions.map((passion, index) =>
|
|
<Badge key={index} colorScheme={
|
|
userPassions.includes(passion) ? 'purple' : 'ghost'
|
|
}
|
|
>#{passion}</Badge>,
|
|
)}
|
|
</Flex>
|
|
);
|
|
} |