From a40466694618ef9025ce106d74e5b439c9017fff Mon Sep 17 00:00:00 2001
From: Peter Colapietro <petercolapietro+spacehippie@gmail.com>
Date: Fri, 1 Apr 2022 12:30:00 -0400
Subject: [PATCH] fix: enable show code button

https://github.com/storybookjs/storybook/issues/8104#issuecomment-932279083
---
 web/src/components/Article/Article.stories.js    |  4 ++--
 .../ArticleCell/ArticleCell.stories.js           | 16 ++++++++--------
 .../ArticlesCell/ArticlesCell.stories.js         | 16 ++++++++--------
 web/src/layouts/BlogLayout/BlogLayout.stories.js |  4 ++--
 web/src/pages/ArticlePage/ArticlePage.stories.js |  4 ++--
 5 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/web/src/components/Article/Article.stories.js b/web/src/components/Article/Article.stories.js
index 85aca23..c71f9e8 100644
--- a/web/src/components/Article/Article.stories.js
+++ b/web/src/components/Article/Article.stories.js
@@ -9,8 +9,8 @@ export default {
   },
 }
 
-export const full = () => {
-  return <Article {...standard()} />
+export const full = (ars) => {
+  return <Article {...{ ...ars, ...standard() }} />
 }
 
 export const summary = ({ summary = true }) => {
diff --git a/web/src/components/ArticleCell/ArticleCell.stories.js b/web/src/components/ArticleCell/ArticleCell.stories.js
index abc6e27..75eede5 100644
--- a/web/src/components/ArticleCell/ArticleCell.stories.js
+++ b/web/src/components/ArticleCell/ArticleCell.stories.js
@@ -1,20 +1,20 @@
 import { Loading, Empty, Failure, Success } from './ArticleCell'
 import { standard } from './ArticleCell.mock'
 
-export const loading = () => {
-  return Loading ? <Loading /> : null
+export const loading = (args) => {
+  return Loading ? <Loading {...args} /> : null
 }
 
-export const empty = () => {
-  return Empty ? <Empty /> : null
+export const empty = (args) => {
+  return Empty ? <Empty {...args} /> : null
 }
 
-export const failure = () => {
-  return Failure ? <Failure error={new Error('Oh no')} /> : null
+export const failure = (args) => {
+  return Failure ? <Failure {...args} error={new Error('Oh no')} /> : null
 }
 
-export const success = () => {
-  return Success ? <Success {...standard()} /> : null
+export const success = (args) => {
+  return Success ? <Success {...args} {...standard()} /> : null
 }
 
 export default { title: 'Cells/ArticleCell' }
diff --git a/web/src/components/ArticlesCell/ArticlesCell.stories.js b/web/src/components/ArticlesCell/ArticlesCell.stories.js
index a3134d3..c2031de 100644
--- a/web/src/components/ArticlesCell/ArticlesCell.stories.js
+++ b/web/src/components/ArticlesCell/ArticlesCell.stories.js
@@ -1,20 +1,20 @@
 import { Loading, Empty, Failure, Success } from './ArticlesCell'
 import { standard } from './ArticlesCell.mock'
 
-export const loading = () => {
-  return Loading ? <Loading /> : null
+export const loading = (args) => {
+  return Loading ? <Loading {...args} /> : null
 }
 
-export const empty = () => {
-  return Empty ? <Empty /> : null
+export const empty = (args) => {
+  return Empty ? <Empty {...args} /> : null
 }
 
-export const failure = () => {
-  return Failure ? <Failure error={new Error('Oh no')} /> : null
+export const failure = (args) => {
+  return Failure ? <Failure error={new Error('Oh no')} {...args} /> : null
 }
 
-export const success = () => {
-  return Success ? <Success {...standard()} /> : null
+export const success = (args) => {
+  return Success ? <Success {...standard()} {...args} /> : null
 }
 
 export default { title: 'Cells/ArticlesCell' }
diff --git a/web/src/layouts/BlogLayout/BlogLayout.stories.js b/web/src/layouts/BlogLayout/BlogLayout.stories.js
index 750d5cf..4208098 100644
--- a/web/src/layouts/BlogLayout/BlogLayout.stories.js
+++ b/web/src/layouts/BlogLayout/BlogLayout.stories.js
@@ -3,9 +3,9 @@ import { within } from '@storybook/testing-library'
 import { expect } from '@storybook/jest'
 import BlogLayout from './BlogLayout'
 
-export const generated = () => {
+export const generated = (args) => {
   return (
-    <BlogLayout>
+    <BlogLayout {...args}>
       <></>
     </BlogLayout>
   )
diff --git a/web/src/pages/ArticlePage/ArticlePage.stories.js b/web/src/pages/ArticlePage/ArticlePage.stories.js
index 008d3e0..0cfdd7b 100644
--- a/web/src/pages/ArticlePage/ArticlePage.stories.js
+++ b/web/src/pages/ArticlePage/ArticlePage.stories.js
@@ -1,7 +1,7 @@
 import ArticlePage from './ArticlePage'
 
-export const generated = () => {
-  return <ArticlePage />
+export const generated = (arg) => {
+  return <ArticlePage {...arg} />
 }
 
 export default { title: 'Pages/ArticlePage' }