Replace child.type.name, as it is not available in the production build

This commit is contained in:
Deluan
2020-05-22 22:23:00 -04:00
parent 0a3e6c66c1
commit 3632608de0
+12 -9
View File
@@ -12,6 +12,7 @@ export const SongDatagridRow = ({
}) => { }) => {
const translate = useTranslate() const translate = useTranslate()
const [visible, setVisible] = useState(false) const [visible, setVisible] = useState(false)
const childCount = React.Children.count(children)
return ( return (
<> <>
{multiDisc && ( {multiDisc && (
@@ -38,15 +39,17 @@ export const SongDatagridRow = ({
onMouseLeave={() => setVisible(false)} onMouseLeave={() => setVisible(false)}
{...rest} {...rest}
> >
{React.Children.map(children, (child) => {React.Children.map(
child && children,
isValidElement(child) && (child, index) =>
child.type.name === 'SongContextMenu' child &&
? cloneElement(child, { isValidElement(child) &&
visible: contextVisible || visible, (index < childCount - 1
...rest, ? child
}) : cloneElement(child, {
: child visible: contextVisible || visible,
...rest,
}))
)} )}
</DatagridRow> </DatagridRow>
</> </>