Replace child.type.name, as it is not available in the production build
This commit is contained in:
@@ -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>
|
||||||
</>
|
</>
|
||||||
|
|||||||
Reference in New Issue
Block a user