migrated SuccessStory files to .tsx and updated snapshot

components/SuccessStory/SuccessStory.tsx

@@ -0,0 +1,26 @@
+import FlatCard from 'components/Cards/FlatCard/FlatCard';
+
+export type SuccessStoryPropsType = {
+  /**
+   * Path to image used on the card.
+   */
+  imageSource: string;
+  /**
+   * String applied tot he block quote element.
+   */
+  quote: string;
+  /**
+   * String applied to the card header.
+   */
+  title: string;
+};
+
+function SuccessStory({ imageSource, quote, title }: SuccessStoryPropsType) {
+  return (
+    <FlatCard header={title} image={{ source: imageSource, alt: '' }}>
+      <blockquote>{`"${quote}"`}</blockquote>
+    </FlatCard>
+  );
+}
+
+export default SuccessStory;

components/SuccessStory/__stories__/SuccessStory.stories.tsx

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { descriptions } from 'common/constants/descriptions';
+import { s3 } from 'common/constants/urls';
+import SuccessStory from '../SuccessStory';
+
+type SuccessStoryType = StoryObj<typeof SuccessStory>;
+
+const meta: Meta<typeof SuccessStory> = {
+  title: 'SuccesStory',
+  component: SuccessStory,
+  args: {
+    title: 'Name of Person',
+    imageSource: `${s3}headshots/david_molina.jpg`,
+    quote: descriptions.long,
+  },
+};
+
+export default meta;
+
+export const Default: SuccessStoryType = {
+  render: args => <SuccessStory {...args} />,
+};

components/SuccessStory/__tests__/SuccessStory.test.js → components/SuccessStory/__tests__/SuccessStory.test.tsx

@@ -1,5 +1,4 @@
 import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest';
-
 import SuccessStory from '../SuccessStory';
 
 describe('SuccessStory', () => {