12 files changed, 61 insertions, 6 deletions
diff --git a/components/Buttons/PlainButton.stories.js b/components/Buttons/PlainButton.stories.js
index 67a657d..43efa24 100644
--- a/components/Buttons/PlainButton.stories.js
+++ b/components/Buttons/PlainButton.stories.js
@@ -7,7 +7,7 @@ const plainButton = {
   text: 'Plain Button'
 }
 
-storiesOf('PlainButton', module)
+storiesOf('Buttons/PlainButton', module)
   .addDecorator(center)
   .add('default', () => {
     return {
diff --git a/components/Facebook/FacebookFeed.stories.js b/components/Facebook/FacebookFeed.stories.js
index 4eced7f..d9ec30a 100644
--- a/components/Facebook/FacebookFeed.stories.js
+++ b/components/Facebook/FacebookFeed.stories.js
@@ -3,7 +3,7 @@ import { center } from '../../.storybook/decorators'
 
 import FacebookFeed from './FacebookFeed'
 
-storiesOf('FacebookFeed', module)
+storiesOf('Facebook/FacebookFeed', module)
   .addDecorator(center)
   .add('default', () => {
     return {
diff --git a/components/Facebook/FacebookFindUsButton.stories.js b/components/Facebook/FacebookFindUsButton.stories.js
index e76f8f9..e6a298b 100644
--- a/components/Facebook/FacebookFindUsButton.stories.js
+++ b/components/Facebook/FacebookFindUsButton.stories.js
@@ -3,7 +3,7 @@ import { center } from '../../.storybook/decorators'
 
 import FacebookFindUsButton from './FacebookFindUsButton'
 
-storiesOf('FacebookFindUsButton', module)
+storiesOf('Facebook/FacebookFindUsButton', module)
   .addDecorator(center)
   .add('default', () => {
     return {
diff --git a/components/PostLink.stories.js b/components/Posts/PostLink.stories.js
index a824b35..9b12c29 100644
--- a/components/PostLink.stories.js
+++ b/components/Posts/PostLink.stories.js
@@ -1,5 +1,5 @@
 import { storiesOf } from '@storybook/vue'
-import { center } from '../.storybook/decorators'
+import { center } from '../../.storybook/decorators'
 
 import PostLink from './PostLink'
 
@@ -10,7 +10,7 @@ export const postLink = {
   route: '/kronika/2019/20/11/test'
 }
 
-storiesOf('PostLink', module)
+storiesOf('Posts/PostLink', module)
   .addDecorator(center)
   .add('default', () => {
     return {
diff --git a/components/PostLink.vue b/components/Posts/PostLink.vue
index 54cd934..54cd934 100644
--- a/components/PostLink.vue
+++ b/components/Posts/PostLink.vue
diff --git a/components/PostList/PostList.vue b/components/Posts/PostList/PostList.vue
index 781099f..781099f 100644
--- a/components/PostList/PostList.vue
+++ b/components/Posts/PostList/PostList.vue
diff --git a/components/PostList/PurePostList.stories.js b/components/Posts/PostList/PurePostList.stories.js
index 3cb07f8..e2c39de 100644
--- a/components/PostList/PurePostList.stories.js
+++ b/components/Posts/PostList/PurePostList.stories.js
@@ -6,7 +6,7 @@ import PurePostList from './PurePostList'
 
 export const posts = Array(5).fill(postLink)
 
-storiesOf('PurePostList', module)
+storiesOf('Posts/PurePostList', module)
   .add('default', () => {
     return {
       components: { PurePostList },
diff --git a/components/PostList/PurePostList.vue b/components/Posts/PostList/PurePostList.vue
index ace069f..ace069f 100644
--- a/components/PostList/PurePostList.vue
+++ b/components/Posts/PostList/PurePostList.vue
diff --git a/components/PostList/index.js b/components/Posts/PostList/index.js
index dbb515e..dbb515e 100644
--- a/components/PostList/index.js
+++ b/components/Posts/PostList/index.js
diff --git a/components/Ranking/RankingEntry.stories.js b/components/Ranking/RankingEntry.stories.js
new file mode 100644
index 0000000..20bf6e1
--- /dev/null
+++ b/components/Ranking/RankingEntry.stories.js
@@ -0,0 +1,19 @@
+import { storiesOf } from '@storybook/vue'
+import { center } from '../../.storybook/decorators'
+
+import RankingEntry from './RankingEntry'
+
+export const rankingEntry = {
+  troop: 'Test',
+  points: 32
+}
+
+storiesOf('Ranking/RankingEntry', module)
+  .addDecorator(center)
+  .add('default', () => {
+    return {
+      components: { RankingEntry },
+      template: `<ranking-entry :troop="troop" :points="points" />`,
+      data: () => rankingEntry
+    }
+  })
diff --git a/components/Ranking/RankingFirstEntry.stories.js b/components/Ranking/RankingFirstEntry.stories.js
new file mode 100644
index 0000000..05fa517
--- /dev/null
+++ b/components/Ranking/RankingFirstEntry.stories.js
@@ -0,0 +1,16 @@
+import { storiesOf } from '@storybook/vue'
+import { center } from '../../.storybook/decorators'
+
+import RankingFirstEntry from './RankingFirstEntry'
+
+import { rankingEntry } from './RankingEntry.stories'
+
+storiesOf('Ranking/RankingFirstEntry', module)
+  .addDecorator(center)
+  .add('default', () => {
+    return {
+      components: { RankingFirstEntry },
+      template: `<ranking-first-entry :troop="troop" :points="points" />`,
+      data: () => rankingEntry
+    }
+  })
diff --git a/components/Ranking/RankingList.stories.js b/components/Ranking/RankingList.stories.js
new file mode 100644
index 0000000..c7b287d
--- /dev/null
+++ b/components/Ranking/RankingList.stories.js
@@ -0,0 +1,20 @@
+import { storiesOf } from '@storybook/vue'
+import { center } from '../../.storybook/decorators'
+
+import RankingList from './RankingList'
+
+import { rankingEntry } from './RankingEntry.stories'
+
+const rankingList = {
+  scores: Array(3).fill(rankingEntry)
+}
+
+storiesOf('Ranking/RankingList', module)
+  .addDecorator(center)
+  .add('default', () => {
+    return {
+      components: { RankingList },
+      template: `<ranking-list :scores="scores" />`,
+      data: () => rankingList
+    }
+  })