Add button to share selected songs

2023-01-24 16:31:58 -05:00
parent 69b36c75a5
commit 85084cda57
6 changed files with 56 additions and 6 deletions
@@ -0,0 +1,40 @@
+import React from 'react'
+import { Button, useTranslate, useUnselectAll } from 'react-admin'
+import { useDispatch } from 'react-redux'
+import { openShareMenu } from '../actions'
+import ShareIcon from '@material-ui/icons/Share'
+
+export const BatchShareButton = ({ resource, selectedIds, className }) => {
+  const dispatch = useDispatch()
+  const translate = useTranslate()
+  const unselectAll = useUnselectAll()
+
+  const share = () => {
+    dispatch(
+      openShareMenu(
+        selectedIds,
+        resource,
+        translate('ra.action.bulk_actions', {
+          _: 'ra.action.bulk_actions',
+          smart_count: selectedIds.length,
+        }),
+        'message.shareBatchDialogTitle'
+      )
+    )
+    unselectAll(resource)
+  }
+
+  const caption = translate('ra.action.share')
+  return (
+    <Button
+      aria-label={caption}
+      onClick={share}
+      label={caption}
+      className={className}
+    >
+      <ShareIcon />
+    </Button>
+  )
+}
+
+BatchShareButton.propTypes = {}