import Badge from '../../components/badge';
import useTaxonomies from '../../hooks/use-taxonomies';
import { Link } from '@reach/router';
import { useMemo } from 'react';
export default function OverviewTaxonomyBadge( props ) {
const { data } = useTaxonomies();
const taxonomyText = props.children;
const type = useMemo(
() => {
if ( ! data ) {
return null;
}
return data.find( ( item ) => item.text === taxonomyText )?.type;
},
[ data, taxonomyText ],
);
if ( ! type ) {
return '';
}
return (
{
props?.onClick( taxonomyText );
} }
to={ `/kit-library?taxonomies[${ type }][]=${ taxonomyText }` }
>
{ props.children }
);
}
OverviewTaxonomyBadge.propTypes = {
children: PropTypes.string,
onClick: PropTypes.func,
};
Products – Page 10 – African Depot Market
