Add Facebook components

5 files changed, 33 insertions, 6 deletions

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