From 285aade17cc6823e8a35e152200b08e02e9d1655 Mon Sep 17 00:00:00 2001
From: Lee <8024370+millnut@users.noreply.github.com>
Date: Thu, 12 Oct 2023 13:18:55 +0100
Subject: [PATCH] fix: change to default function

---
 .eslintrc.json                                 | 3 ++-
 src/components/Button/Button.stories.tsx       | 2 +-
 src/components/Button/defaultProps.ts          | 2 ++
 src/components/Card/Card.stories.tsx           | 2 +-
 src/components/Card/defaultProps.ts            | 2 ++
 src/components/Image/Image.stories.tsx         | 2 +-
 src/components/Image/defaultProps.ts           | 2 ++
 src/components/TextImage/TextImage.stories.tsx | 2 +-
 src/components/TextImage/defaultProps.ts       | 2 ++
 src/hooks/useMedia.tsx                         | 2 +-
 10 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index c780551..4ec52ee 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -45,6 +45,7 @@
     "arrow-body-style": ["warn", "as-needed"],
     "no-underscore-dangle": ["error", { "allow": ["_source", "_id", "__typename", "__session"] }],
     "indent": "off",
-    "@typescript-eslint/indent": 0
+    "@typescript-eslint/indent": 0,
+    "import/prefer-default-export": ["error", { "target": "single" }]
   }
 }
diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx
index b835c85..140e2fd 100644
--- a/src/components/Button/Button.stories.tsx
+++ b/src/components/Button/Button.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from './Button';
-import { buttonProps, buttonLinkProps } from './defaultProps';
+import buttonProps, { buttonLinkProps } from './defaultProps';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
diff --git a/src/components/Button/defaultProps.ts b/src/components/Button/defaultProps.ts
index 9b490d8..a310036 100644
--- a/src/components/Button/defaultProps.ts
+++ b/src/components/Button/defaultProps.ts
@@ -8,3 +8,5 @@ export const buttonLinkProps: ButtonProps = {
   label: 'Button',
   url: 'https://example.com'
 };
+
+export default buttonProps;
diff --git a/src/components/Card/Card.stories.tsx b/src/components/Card/Card.stories.tsx
index 49a8331..105ecee 100644
--- a/src/components/Card/Card.stories.tsx
+++ b/src/components/Card/Card.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import Card from './Card';
-import { cardProps } from './defaultProps';
+import cardProps from './defaultProps';
 
 const meta = {
   title: 'Example/Card',
diff --git a/src/components/Card/defaultProps.ts b/src/components/Card/defaultProps.ts
index 1590539..a519faa 100644
--- a/src/components/Card/defaultProps.ts
+++ b/src/components/Card/defaultProps.ts
@@ -14,3 +14,5 @@ export const cardProps: CardProps = {
   title: 'Example title',
   body: 'Example body text'
 };
+
+export default cardProps;
diff --git a/src/components/Image/Image.stories.tsx b/src/components/Image/Image.stories.tsx
index f75266f..d13d1c1 100644
--- a/src/components/Image/Image.stories.tsx
+++ b/src/components/Image/Image.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import Image from './Image';
-import { imageProps } from './defaultProps';
+import imageProps from './defaultProps';
 
 const meta = {
   title: 'Example/Image',
diff --git a/src/components/Image/defaultProps.ts b/src/components/Image/defaultProps.ts
index dd9e03a..a691dcb 100644
--- a/src/components/Image/defaultProps.ts
+++ b/src/components/Image/defaultProps.ts
@@ -10,3 +10,5 @@ export const imageProps: ImageProps = {
   height: 500,
   altText: 'An example image'
 };
+
+export default imageProps;
diff --git a/src/components/TextImage/TextImage.stories.tsx b/src/components/TextImage/TextImage.stories.tsx
index 0471c5f..b46dc1b 100644
--- a/src/components/TextImage/TextImage.stories.tsx
+++ b/src/components/TextImage/TextImage.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import TextImage from './TextImage';
-import { textImageProps } from './defaultProps';
+import textImageProps from './defaultProps';
 
 const meta = {
   title: 'Example/TextImage',
diff --git a/src/components/TextImage/defaultProps.ts b/src/components/TextImage/defaultProps.ts
index 3f88303..c0a93cb 100644
--- a/src/components/TextImage/defaultProps.ts
+++ b/src/components/TextImage/defaultProps.ts
@@ -14,3 +14,5 @@ export const textImageProps: TextImageProps = {
     altText: 'An example image'
   }
 };
+
+export default textImageProps;
diff --git a/src/hooks/useMedia.tsx b/src/hooks/useMedia.tsx
index f3b6733..b91c6f9 100644
--- a/src/hooks/useMedia.tsx
+++ b/src/hooks/useMedia.tsx
@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 
-export function useMobile(mobileWidth = '768px', boolean = true): boolean {
+export default function useMobile(mobileWidth = '768px', boolean = true): boolean {
   const [mobile, setMobile] = useState(boolean);
 
   useEffect(() => {