frontend: ReleaseNotes: Update stories to new component format

Signed-off-by: René Dudfield <renedudfield@microsoft.com>

frontend/src/components/common/ReleaseNotes/ReleaseNotesModal.stories.tsx

@@ -1,29 +1,29 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import ReleaseNotesModal, { ReleaseNotesModalProps } from './ReleaseNotesModal';
+import { Meta } from '@storybook/react';
+import ReleaseNotesModal from './ReleaseNotesModal';
 
 export default {
   title: 'common/ReleaseNotes/ReleaseNotesModal',
   component: ReleaseNotesModal,
   argTypes: {},
 } as Meta;
 
-const Template: Story<ReleaseNotesModalProps> = args => <ReleaseNotesModal {...args} />;
-
-export const Show = Template.bind({});
-Show.args = {
-  releaseNotes: '### Hello\n\nworld',
-  appVersion: '1.9.9',
+export const Show = {
+  args: {
+    releaseNotes: '### Hello\n\nworld',
+    appVersion: '1.9.9',
+  },
 };
 
-export const Closed = Template.bind({});
-Closed.args = {
-  releaseNotes: undefined,
-  appVersion: null,
+export const Closed = {
+  args: {
+    releaseNotes: undefined,
+    appVersion: null,
+  },
 };
 
-export const ShowNoNotes = Template.bind({});
-ShowNoNotes.args = {
-  releaseNotes: undefined,
-  appVersion: '1.8.8',
+export const ShowNoNotes = {
+  args: {
+    releaseNotes: undefined,
+    appVersion: '1.8.8',
+  },
 };

frontend/src/components/common/ReleaseNotes/UpdatePopup.stories.tsx

@@ -1,25 +1,19 @@
-import { Meta, Story } from '@storybook/react';
 import UpdatePopup from './UpdatePopup';
 
 export default {
   title: 'common/ReleaseNotes/UpdatePopup',
   component: UpdatePopup,
   argTypes: {},
-} as Meta;
-
-const Template: Story<{
-  releaseDownloadURL?: string | null;
-  fetchingRelease?: boolean;
-  releaseFetchFailed?: boolean;
-  skipUpdateHandler: () => void;
-}> = args => <UpdatePopup {...args} />;
+};
 
-export const Show = Template.bind({});
-Show.args = {
-  releaseDownloadURL: 'https://example.com',
+export const Show = {
+  args: {
+    releaseDownloadURL: 'https://example.com',
+  },
 };
 
-export const Closed = Template.bind({});
-Closed.args = {
-  releaseDownloadURL: 'https://example.com',
+export const Closed = {
+  args: {
+    releaseDownloadURL: 'https://example.com',
+  },
 };