From 0f936ec0e7606cb79434d94096b6e113a7ce78eb Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 15 Dec 2023 18:35:16 +0100
Subject: refactor(stories): migrate stories to CSF3 format

---
 .../page/loading-page-comments.stories.tsx         | 37 +++++++++++++---------
 1 file changed, 22 insertions(+), 15 deletions(-)

(limited to 'src/components/templates/page/loading-page-comments.stories.tsx')

diff --git a/src/components/templates/page/loading-page-comments.stories.tsx b/src/components/templates/page/loading-page-comments.stories.tsx
index 6069068..1ebb4bd 100644
--- a/src/components/templates/page/loading-page-comments.stories.tsx
+++ b/src/components/templates/page/loading-page-comments.stories.tsx
@@ -1,22 +1,29 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { LoadingPageComments } from './loading-page-comments';
+import type { Meta, StoryObj } from '@storybook/react';
+import {
+  LoadingPageComments,
+  type LoadingPageCommentsProps,
+} from './loading-page-comments';
+import { Page } from './page';
 
-/**
- * LoadingPageComments - Storybook Meta
- */
-export default {
-  title: 'Templates/LoadingPageComments',
+const WrappedLoadingPageComments = (props: LoadingPageCommentsProps) => (
+  <Page>
+    <LoadingPageComments {...props} />
+  </Page>
+);
+
+const meta = {
   component: LoadingPageComments,
+  title: 'Templates/Page/LoadingPageComments',
+  render: WrappedLoadingPageComments,
   parameters: {
     layout: 'fullscreen',
   },
-} as ComponentMeta<typeof LoadingPageComments>;
+} satisfies Meta<typeof LoadingPageComments>;
 
-const Template: ComponentStory<typeof LoadingPageComments> = (args) => (
-  <LoadingPageComments {...args} />
-);
+export default meta;
+
+type Story = StoryObj<typeof meta>;
 
-/**
- * LoadingPageComments Stories - Example
- */
-export const Example = Template.bind({});
+export const Default: Story = {
+  args: {},
+};
-- 
cgit v1.2.3

