From 82cd395bf7deb8f1df95be5a0bb3f59d0b1108e1 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Mon, 21 Oct 2019 20:06:48 +0200
Subject: Add Facebook components

---
 components/Facebook/FacebookFeed.stories.js        | 13 ++++++++
 components/Facebook/FacebookFeed.vue               | 29 ++++++++++++++++++
 .../Facebook/FacebookFindUsButton.stories.js       | 13 ++++++++
 components/Facebook/FacebookFindUsButton.vue       | 35 ++++++++++++++++++++++
 components/FacebookFeed.vue                        | 25 ----------------
 components/FacebookFindUsButton.vue                | 35 ----------------------
 components/PostList/PurePostList.stories.js        |  3 --
 7 files changed, 90 insertions(+), 63 deletions(-)
 create mode 100644 components/Facebook/FacebookFeed.stories.js
 create mode 100644 components/Facebook/FacebookFeed.vue
 create mode 100644 components/Facebook/FacebookFindUsButton.stories.js
 create mode 100644 components/Facebook/FacebookFindUsButton.vue
 delete mode 100644 components/FacebookFeed.vue
 delete mode 100644 components/FacebookFindUsButton.vue

(limited to 'components')

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/Facebook/FacebookFeed.vue b/components/Facebook/FacebookFeed.vue
new file mode 100644
index 0000000..56172f4
--- /dev/null
+++ b/components/Facebook/FacebookFeed.vue
@@ -0,0 +1,29 @@
+<template>
+  <section class="feed">
+    <h1>Zobacz co się dzieje!</h1>
+    <facebook-find-us-button />
+  </section>
+</template>
+
+<script>
+import FacebookFindUsButton from './FacebookFindUsButton.vue'
+
+export default {
+  components: {
+    FacebookFindUsButton
+  },
+  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/Facebook/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue
new file mode 100644
index 0000000..9a27c11
--- /dev/null
+++ b/components/Facebook/FacebookFindUsButton.vue
@@ -0,0 +1,35 @@
+<template>
+  <a href="https://facebook.com/19pdhpuszcza" target="_blank" rel="noopener">
+    <div class="button">
+      <img class="image" src="/assets/social/find_us_fb.png" alt="Find us on Facebook" />
+    </div>
+  </a>
+</template>
+
+<style scoped>
+.button {
+  border: 2px solid #c4c4c4;
+  border-radius: 4px;
+
+  padding: 15px 40px;
+  margin: 10px;
+}
+
+.button:hover {
+  background-color: #efefef;
+}
+
+.image {
+  width: 200px;
+}
+
+@media (max-width: 500px) {
+  a {
+    width: 100%;
+  }
+
+  .image {
+    width: 150px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/components/FacebookFeed.vue b/components/FacebookFeed.vue
deleted file mode 100644
index 9d2d251..0000000
--- a/components/FacebookFeed.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <section class="feed">
-    <h1>Zobacz co się dzieje!</h1>
-    <FacebookFindUsButton />
-  </section>
-</template>
-
-<script>
-import FacebookFindUsButton from "./FacebookFindUsButton.vue";
-
-export default {
-  components: {
-    FacebookFindUsButton
-  },
-  props: {
-    pageId: String
-  }
-};
-</script>
-
-<style scoped>
-.feed {
-  margin: 50px 0;
-}
-</style>
\ No newline at end of file
diff --git a/components/FacebookFindUsButton.vue b/components/FacebookFindUsButton.vue
deleted file mode 100644
index 9a27c11..0000000
--- a/components/FacebookFindUsButton.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <a href="https://facebook.com/19pdhpuszcza" target="_blank" rel="noopener">
-    <div class="button">
-      <img class="image" src="/assets/social/find_us_fb.png" alt="Find us on Facebook" />
-    </div>
-  </a>
-</template>
-
-<style scoped>
-.button {
-  border: 2px solid #c4c4c4;
-  border-radius: 4px;
-
-  padding: 15px 40px;
-  margin: 10px;
-}
-
-.button:hover {
-  background-color: #efefef;
-}
-
-.image {
-  width: 200px;
-}
-
-@media (max-width: 500px) {
-  a {
-    width: 100%;
-  }
-
-  .image {
-    width: 150px;
-  }
-}
-</style>
\ No newline at end of file
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 },
-- 
cgit 1.4.1