Moved the storybook scenarios around so Digi Sub Saves are all in one…

… file
guardian · Nov 16, 2023 · 86320e7 · 86320e7
1 parent 3e4b0a9
commit 86320e7
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 67 deletions.
diff --git a/...cellationSaves/DigiSubDiscountConfirm.tsx → ...Saves/digipack/DigiSubDiscountConfirm.tsx b/...cellationSaves/DigiSubDiscountConfirm.tsx → ...Saves/digipack/DigiSubDiscountConfirm.tsx
@@ -9,12 +9,14 @@ import {
 } from '@guardian/source-react-components';
 import { useContext, useEffect } from 'react';
 import { useLocation } from 'react-router';
-import type { CancellationContextInterface ,
+import type {
+	CancellationContextInterface,
 	CancellationPageTitleInterface,
-	CancellationRouterState} from '@/client/components/mma/cancel/CancellationContainer';
+	CancellationRouterState,
+} from '@/client/components/mma/cancel/CancellationContainer';
 import {
 	CancellationContext,
-	CancellationPageTitleContext
+	CancellationPageTitleContext,
 } from '@/client/components/mma/cancel/CancellationContainer';
 import { linkCss } from '@/client/components/mma/upgrade/UpgradeSupportStyles';
 import {

diff --git a/...nSaves/digipack/ThankYouOffer.stories.tsx → ...onSaves/digipack/DigiSubSaves.stories.tsx b/...nSaves/digipack/ThankYouOffer.stories.tsx → ...onSaves/digipack/DigiSubSaves.stories.tsx
@@ -1,28 +1,20 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryFn , StoryObj } from '@storybook/react';
 import { ReactRouterDecorator } from '@/.storybook/ReactRouterDecorator';
+import { CancellationContainer } from '@/client/components/mma/cancel/CancellationContainer';
+import { DigiSubDiscountConfirm } from '@/client/components/mma/cancel/cancellationSaves/digipack/DigiSubDiscountConfirm';
+import { ThankYouOffer } from '@/client/components/mma/cancel/cancellationSaves/digipack/ThankYouOffer';
 import {
 	digitalPackPaidByDirectDebit,
 	digitalPackWithPaymentFailure,
 } from '@/client/fixtures/productBuilder/testProducts';
 import { PRODUCT_TYPES } from '@/shared/productTypes';
-import { CancellationContainer } from '../../CancellationContainer';
-import { ThankYouOffer } from './ThankYouOffer';
 
 export default {
-	title: 'Pages/CancellationSave/DigiPack/Thank You + Offer',
+	title: 'Pages/DigiSubSaves',
 	component: CancellationContainer,
 	decorators: [ReactRouterDecorator],
 	parameters: {
 		layout: 'fullscreen',
-	},
-} as Meta<typeof CancellationContainer>;
-
-export const Default: StoryObj<typeof ThankYouOffer> = {
-	render: () => {
-		return <ThankYouOffer />;
-	},
-
-	parameters: {
 		reactRouter: {
 			state: {
 				productDetail: digitalPackPaidByDirectDebit(),
@@ -33,22 +25,30 @@ export const Default: StoryObj<typeof ThankYouOffer> = {
 			),
 		},
 	},
+} as Meta<typeof CancellationContainer>;
+
+export const DiscountThankYouPage: StoryFn<
+	typeof DigiSubDiscountConfirm
+> = () => {
+	return <DigiSubDiscountConfirm />;
 };
 
-export const IneligibleForDiscount: StoryObj<typeof ThankYouOffer> = {
+export const EligibleForDiscount: StoryObj<typeof ThankYouOffer> = {
 	render: () => {
 		return <ThankYouOffer />;
 	},
+};
 
+export const IneligibleForDiscount: StoryObj<typeof ThankYouOffer> = {
+	render: () => {
+		return <ThankYouOffer />;
+	},
 	parameters: {
 		reactRouter: {
 			state: {
 				productDetail: digitalPackWithPaymentFailure(),
 				user: { email: 'test@test.com' },
 			},
-			container: (
-				<CancellationContainer productType={PRODUCT_TYPES.digipack} />
-			),
 		},
 	},
 };
diff --git a/client/components/mma/cancel/digipack/digisubCancellationSaves/DigiSubSaves.stories.tsx b/client/components/mma/cancel/digipack/digisubCancellationSaves/DigiSubSaves.stories.tsx