fix: enable show code button

storybookjs/storybook#8104 (comment)

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 }) => {

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' }

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' }

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>
   )

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' }