Add footer stories

4 files changed, 37 insertions, 5 deletions

diff --git a/components/PostList/PurePostList.stories.js b/components/PostList/PurePostList.stories.js
index 00516f8..3cb07f8 100644
--- a/components/PostList/PurePostList.stories.js
+++ b/components/PostList/PurePostList.stories.js
@@ -17,12 +17,14 @@ storiesOf('PurePostList', module)
   .add('loading', () => {
     return {
       components: { PurePostList },
-      template: `<pure-post-list :posts="posts" loading/>`
+      template: `<pure-post-list :posts="posts" loading/>`,
+      data: () => ({ posts: [] })
     }
   })
   .add('no posts', () => {
     return {
       components: { PurePostList },
-      template: `<pure-post-list :posts="posts"/>`
+      template: `<pure-post-list :posts="posts"/>`,
+      data: () => ({ posts: [] })
     }
   })
diff --git a/components/TheFooter.stories.js b/components/TheFooter.stories.js
new file mode 100644
index 0000000..ceb5015
--- /dev/null
+++ b/components/TheFooter.stories.js
@@ -0,0 +1,29 @@
+import { storiesOf } from '@storybook/vue'
+import { action } from '@storybook/addon-actions'
+
+import TheFooter from './TheFooter'
+
+export const routes = [
+  { path: '/', name: 'Strona główna' },
+  { path: '/download', name: 'Do pobrania' },
+  { path: '/kontakt', name: 'Kontakt' },
+  { path: '/kronika', name: 'Kronika' }
+]
+
+const footer = {
+  routes
+}
+
+const alwaysBottom = () => ({
+  template: `<div style="display:flex;flex-direction:column;min-height:100vh"><div style="flex:1"></div><story/></div>`
+})
+
+storiesOf('TheFooter', module)
+  .addDecorator(alwaysBottom)
+  .add('default', () => {
+    return {
+      components: { TheFooter },
+      template: `<the-footer :routes="routes" />`,
+      data: () => footer
+    }
+  })
diff --git a/components/Footer.vue b/components/TheFooter.vue
index 69ea76a..e19c86a 100644
--- a/components/Footer.vue
+++ b/components/TheFooter.vue
@@ -25,6 +25,7 @@
 
 <script>
 export default {
+  name: 'TheFooter',
   props: {
     routes: Array,
     specialRoutes: Array,
diff --git a/layouts/default.vue b/layouts/default.vue
index ff95023..53416bf 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -2,17 +2,17 @@
   <div id="app">
     <NavBar :routes="routes" title="19 PDH Puszcza" logo="/assets/krajka-logo.svg" />
     <nuxt id="content" :key="$route.path" />
-    <Footer :routes="routes" />
+    <the-footer :routes="routes" />
   </div>
 </template>
 
 <script>
 import NavBar from '../components/NavBar.vue'
-import Footer from '../components/Footer.vue'
+import TheFooter from '../components/TheFooter.vue'
 
 export default {
   name: 'app',
-  components: { NavBar, Footer },
+  components: { NavBar, TheFooter },
   data() {
     return {
       routes: [