fix: Add WithAlerts.tsx to Dataset.stories.tsx and DatasetAlert.stori…

…es.tsx

src/sections/dataset/DatasetAlertProvider.tsx

@@ -7,7 +7,11 @@ export const DatasetAlertProvider = ({ children }: PropsWithChildren) => {
   const [datasetAlerts, setDatasetAlerts] = useState<DatasetAlert[]>([])
 
   const addDatasetAlert = (newAlert: DatasetAlert) => {
-    datasetAlerts.push(newAlert)
+    // Check if an alert with the same id already exists
+    const alertExists = datasetAlerts.some((alert) => alert.messageKey === newAlert.messageKey)
+
+    // If it doesn't exist, add it to the array
+    if (!alertExists) datasetAlerts.push(newAlert)
   }
 
   const removeDatasetAlert = (alertId: DatasetAlertMessageKey) => {

src/stories/WithAlerts.tsx

@@ -0,0 +1,10 @@
+import { StoryFn } from '@storybook/react'
+import { DatasetAlertProvider } from '../sections/dataset/DatasetAlertProvider'
+
+export const WithAlerts = (Story: StoryFn) => {
+  return (
+    <DatasetAlertProvider>
+      <Story />
+    </DatasetAlertProvider>
+  )
+}

src/stories/dataset/Dataset.stories.tsx

@@ -15,11 +15,12 @@ import { WithDatasetDraftAsOwner } from './WithDatasetDraftAsOwner'
 import { WithDatasetNotFound } from './WithDatasetNotFound'
 import { WithDatasetLoading } from './WithDatasetLoading'
 import { WithLoggedInUser } from '../WithLoggedInUser'
+import { WithAlerts } from '../WithAlerts'
 
 const meta: Meta<typeof Dataset> = {
   title: 'Pages/Dataset',
   component: Dataset,
-  decorators: [WithI18next, WithCitationMetadataBlockInfo, WithSettings],
+  decorators: [WithI18next, WithCitationMetadataBlockInfo, WithSettings, WithAlerts],
   parameters: {
     // Sets the delay for all stories.
     chromatic: { delay: 15000, pauseAnimationAtEnd: true }

src/stories/dataset/dataset-alerts/DatasetAlert.stories.tsx

@@ -13,20 +13,13 @@ import {
   DatasetMother,
   DatasetPermissionsMother
 } from '../../../../tests/component/dataset/domain/models/DatasetMother'
-import { DatasetAlertProvider } from '../../../sections/dataset/DatasetAlertProvider'
 import { useAlertContext } from '../../../sections/dataset/DatasetAlertContext'
+import { WithAlerts } from '../../WithAlerts'
 
 const meta: Meta<typeof DatasetAlerts> = {
   title: 'Sections/Dataset Page/DatasetAlerts',
   component: DatasetAlerts,
-  decorators: [
-    WithI18next,
-    (Story) => (
-      <DatasetAlertProvider>
-        <Story />
-      </DatasetAlertProvider>
-    )
-  ]
+  decorators: [WithI18next, WithAlerts]
 }
 const allUpdateAlerts: DatasetAlert[] = [
   new DatasetAlert('success', DatasetAlertMessageKey.METADATA_UPDATED),