Add Facebook components

8 files changed, 36 insertions, 9 deletions

diff --git a/.storybook/decorators/index.js b/.storybook/decorators/index.js
index acea431..518f966 100644
--- a/.storybook/decorators/index.js
+++ b/.storybook/decorators/index.js
@@ -1,6 +1,6 @@
 export const center = () => {
   return {
     template:
-      '<div style="display: flex; align-items: center; justify-content: center"><story/></div>'
+      '<div style="height: 100vh; display: flex; align-items: center; justify-content: center"><story/></div>'
   }
 }
diff --git a/components/Facebook/FacebookFeed.stories.js b/components/Facebook/FacebookFeed.stories.js
new file mode 100644
index 0000000..4eced7f
--- /dev/null
+++ b/components/Facebook/FacebookFeed.stories.js
@@ -0,0 +1,13 @@
+import { storiesOf } from '@storybook/vue'
+import { center } from '../../.storybook/decorators'
+
+import FacebookFeed from './FacebookFeed'
+
+storiesOf('FacebookFeed', module)
+  .addDecorator(center)
+  .add('default', () => {
+    return {
+      components: { FacebookFeed },
+      template: `<facebook-feed />`
+    }
+  })
diff --git a/components/FacebookFeed.vue b/components/Facebook/FacebookFeed.vue
index 9d2d251..56172f4 100644
--- a/components/FacebookFeed.vue
+++ b/components/Facebook/FacebookFeed.vue
@@ -1,12 +1,12 @@
 <template>
   <section class="feed">
     <h1>Zobacz co się dzieje!</h1>
-    <FacebookFindUsButton />
+    <facebook-find-us-button />
   </section>
 </template>
 
 <script>
-import FacebookFindUsButton from "./FacebookFindUsButton.vue";
+import FacebookFindUsButton from './FacebookFindUsButton.vue'
 
 export default {
   components: {
@@ -15,11 +15,15 @@ export default {
   props: {
     pageId: String
   }
-};
+}
 </script>
 
 <style scoped>
 .feed {
   margin: 50px 0;
 }
+
+.feed > h1 {
+  text-align: center;
+}
 </style>
\ No newline at end of file
diff --git a/components/Facebook/FacebookFindUsButton.stories.js b/components/Facebook/FacebookFindUsButton.stories.js
new file mode 100644
index 0000000..e76f8f9
--- /dev/null
+++ b/components/Facebook/FacebookFindUsButton.stories.js
@@ -0,0 +1,13 @@
+import { storiesOf } from '@storybook/vue'
+import { center } from '../../.storybook/decorators'
+
+import FacebookFindUsButton from './FacebookFindUsButton'
+
+storiesOf('FacebookFindUsButton', module)
+  .addDecorator(center)
+  .add('default', () => {
+    return {
+      components: { FacebookFindUsButton },
+      template: `<facebook-find-us-button />`
+    }
+  })
diff --git a/components/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue
index 9a27c11..9a27c11 100644
--- a/components/FacebookFindUsButton.vue
+++ b/components/Facebook/FacebookFindUsButton.vue
diff --git a/components/PostList/PurePostList.stories.js b/components/PostList/PurePostList.stories.js
index cf812f7..00516f8 100644
--- a/components/PostList/PurePostList.stories.js
+++ b/components/PostList/PurePostList.stories.js
@@ -1,15 +1,12 @@
 import { storiesOf } from '@storybook/vue'
-import { center } from '../../.storybook/decorators'
 
 import { postLink } from '../PostLink.stories'
 
 import PurePostList from './PurePostList'
 
 export const posts = Array(5).fill(postLink)
-console.log(posts)
 
 storiesOf('PurePostList', module)
-  .addDecorator(center)
   .add('default', () => {
     return {
       components: { PurePostList },
diff --git a/package.json b/package.json
index 4c6ff52..63620e0 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "postbuild": "./scripts/postbuild.sh",
     "start": "nuxt start",
     "test": "jest",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "start-storybook -p 6006 -s static",
     "build-storybook": "build-storybook"
   },
   "dependencies": {
diff --git a/pages/index.vue b/pages/index.vue
index 8b093df..12caa0c 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -11,7 +11,7 @@
 
 <script>
 import JoinUs from '~/components/JoinUs.vue'
-import FacebookFeed from '~/components/FacebookFeed.vue'
+import FacebookFeed from '~/components/Facebook/FacebookFeed.vue'
 import PostList from '~/components/PostList'
 
 export default {