feat: reuse social share modal for sharing dataset

Author: g-saracca

src/sections/dataset/dataset-action-buttons/DatasetActionButtons.module.scss

@@ -3,3 +3,9 @@
   width: 100%;
   margin: 0.5rem 0;
 }
+
+.contact-owner-and-share-group {
+  > button {
+    width: 50%;
+  }
+}

src/sections/dataset/dataset-action-buttons/DatasetActionButtons.tsx

@@ -1,5 +1,5 @@
 import { Dataset } from '../../../dataset/domain/models/Dataset'
-import { ButtonGroup } from '@iqss/dataverse-design-system'
+import { Button, ButtonGroup } from '@iqss/dataverse-design-system'
 import { AccessDatasetMenu } from './access-dataset-menu/AccessDatasetMenu'
 import { PublishDatasetMenu } from './publish-dataset-menu/PublishDatasetMenu'
 import styles from './DatasetActionButtons.module.scss'
@@ -9,6 +9,7 @@ import { LinkDatasetButton } from './link-dataset-button/LinkDatasetButton'
 import { useTranslation } from 'react-i18next'
 import { DatasetRepository } from '../../../dataset/domain/repositories/DatasetRepository'
 import { CollectionRepository } from '../../../collection/domain/repositories/CollectionRepository'
+import { ShareDatasetButton } from './share-dataset-button/ShareDatasetButton'
 
 interface DatasetActionButtonsProps {
   dataset: Dataset
@@ -39,6 +40,12 @@ export function DatasetActionButtons({
       <SubmitForReviewButton dataset={dataset} />
       <EditDatasetMenu dataset={dataset} />
       <LinkDatasetButton dataset={dataset} />
+      <ButtonGroup className={styles['contact-owner-and-share-group']}>
+        <Button disabled variant="secondary" size="sm">
+          Contact Owner
+        </Button>
+        <ShareDatasetButton />
+      </ButtonGroup>
     </ButtonGroup>
   )
 }

src/sections/dataset/dataset-action-buttons/share-dataset-button/ShareDatasetButton.tsx

@@ -0,0 +1,25 @@
+import { useState } from 'react'
+import { Button } from '@iqss/dataverse-design-system'
+import { SocialShareModal } from '@/sections/shared/social-share-modal/SocialShareModal'
+
+export const ShareDatasetButton = () => {
+  const [showShareModal, setShowShareModal] = useState(false)
+
+  const openShareModal = () => setShowShareModal(true)
+  const closeShareModal = () => setShowShareModal(false)
+
+  return (
+    <>
+      <Button variant="secondary" onClick={openShareModal} size="sm">
+        Share
+      </Button>
+
+      <SocialShareModal
+        show={showShareModal}
+        handleClose={closeShareModal}
+        title="Share Dataset"
+        helpText="Share this dataset on your favorite social media networks."
+      />
+    </>
+  )
+}