feat: add delete workspace modal storybook

frontend/src/features/workspace/components/WorkspaceModals/CreateOrRenameWorkspaceModal.stories.tsx

@@ -1,14 +1,9 @@
-import { MemoryRouter } from 'react-router-dom'
 import { useDisclosure } from '@chakra-ui/react'
 import { Meta, Story } from '@storybook/react'
 
 import { userHandlers } from '~/mocks/msw/handlers/user'
 
-import {
-  fullScreenDecorator,
-  getMobileViewParameters,
-  LoggedInDecorator,
-} from '~utils/storybook'
+import { getMobileViewParameters } from '~utils/storybook'
 
 import {
   CreateOrRenameWorkspaceModal,
@@ -18,11 +13,6 @@ import {
 export default {
   title: 'Pages/WorkspacePage/CreateOrRenameWorkspaceModal',
   component: CreateOrRenameWorkspaceModal,
-  decorators: [
-    (storyFn) => <MemoryRouter>{storyFn()}</MemoryRouter>,
-    fullScreenDecorator,
-    LoggedInDecorator,
-  ],
   parameters: {
     layout: 'fullscreen',
     // Prevent flaky tests due to modal animating in.

frontend/src/features/workspace/components/WorkspaceModals/DeleteWorkspaceModal.stories.tsx

@@ -0,0 +1,38 @@
+import { useDisclosure } from '@chakra-ui/react'
+import { Meta, Story } from '@storybook/react'
+
+import { userHandlers } from '~/mocks/msw/handlers/user'
+
+import { getMobileViewParameters } from '~utils/storybook'
+
+import {
+  DeleteWorkspaceModal,
+  DeleteWorkspaceModalProps,
+} from '../WorkspaceModals/DeleteWorkspaceModal'
+
+export default {
+  title: 'Pages/WorkspacePage/DeleteWorkspaceModal',
+  component: DeleteWorkspaceModal,
+  parameters: {
+    layout: 'fullscreen',
+    // Prevent flaky tests due to modal animating in.
+    chromatic: { pauseAnimationAtEnd: true },
+    msw: userHandlers({ delay: 0 }),
+  },
+} as Meta
+
+const Template: Story<DeleteWorkspaceModalProps> = (args) => {
+  const modalProps = useDisclosure({ defaultIsOpen: true })
+
+  return (
+    <DeleteWorkspaceModal
+      {...args}
+      {...modalProps}
+      onClose={() => console.log('close modal')}
+    />
+  )
+}
+export const DeleteWorkspace = Template.bind({})
+
+export const DeleteWorkspaceMobile = Template.bind({})
+DeleteWorkspaceMobile.parameters = getMobileViewParameters()