From 49f73976b78c0a52e5dfd76cd6681a6ad568fa80 Mon Sep 17 00:00:00 2001
From: mattwr18 <mattwr18@gmail.com>
Date: Mon, 4 Nov 2019 15:38:34 +0100
Subject: [PATCH] Fix DropdownFilter story after refactor

- it was refactored to make reuse easier
---
 .../DropdownFilter/DropdownFilter.story.js       | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/webapp/components/DropdownFilter/DropdownFilter.story.js b/webapp/components/DropdownFilter/DropdownFilter.story.js
index 559a07285..0703c5c47 100644
--- a/webapp/components/DropdownFilter/DropdownFilter.story.js
+++ b/webapp/components/DropdownFilter/DropdownFilter.story.js
@@ -5,14 +5,26 @@ import DropdownFilter from '~/components/DropdownFilter/DropdownFilter'
 import helpers from '~/storybook/helpers'
 
 helpers.init()
-
+const filterOptions = [
+  { label: 'All', value: null },
+  { label: 'Read', value: true },
+  { label: 'Unread', value: false },
+]
 storiesOf('DropdownFilter', module)
   .addDecorator(withA11y)
   .addDecorator(helpers.layout)
   .add('filter dropdown', () => ({
     components: { DropdownFilter },
+    data: () => ({
+      filterOptions,
+      selected: filterOptions[0].label,
+    }),
     methods: {
       filterNotifications: action('filterNotifications'),
     },
-    template: '<notifications-dropdown-filter @filterNotifications="filterNotifications" />',
+    template: `<dropdown-filter
+                  @filterNotifications="filterNotifications"
+                  :filterOptions="filterOptions"
+                  :selected="selected"
+                />`,
   }))