Update layout-component example to use named functions (vercel#27331)

## Documentation / Examples - [x] Make sure the linting passes In line with the PR vercel#27297 which solved issue vercel#27252, this updates the example to also use named functions in order to pass ESLint
blitz-js · Jul 20, 2021 · 38e85b4 · 38e85b4
1 parent a590a3b
commit 38e85b4
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 18 deletions.
diff --git a/examples/layout-component/pages/about.js b/examples/layout-component/pages/about.js
@@ -32,9 +32,11 @@ export default function About() {
   )
 }
 
-About.getLayout = (page) => (
-  <Layout>
-    <Sidebar />
-    {page}
-  </Layout>
-)
+About.getLayout = function getLayout(page) {
+  return (
+    <Layout>
+      <Sidebar />
+      {page}
+    </Layout>
+  )
+}
diff --git a/examples/layout-component/pages/contact.js b/examples/layout-component/pages/contact.js
@@ -32,9 +32,11 @@ export default function Contact() {
   )
 }
 
-Contact.getLayout = (page) => (
-  <Layout>
-    <Sidebar />
-    {page}
-  </Layout>
-)
+Contact.getLayout = function getLayout(page) {
+  return (
+    <Layout>
+      <Sidebar />
+      {page}
+    </Layout>
+  )
+}
diff --git a/examples/layout-component/pages/index.js b/examples/layout-component/pages/index.js
@@ -32,9 +32,11 @@ export default function Index() {
   )
 }
 
-Index.getLayout = (page) => (
-  <Layout>
-    <Sidebar />
-    {page}
-  </Layout>
-)
+Index.getLayout = function getLayout(page) {
+  return (
+    <Layout>
+      <Sidebar />
+      {page}
+    </Layout>
+  )
+}