From 6adb8be69d9c4c72b258ba1bba376e83cfe1e593 Mon Sep 17 00:00:00 2001
From: Mohamed El Mahallawy <mmahalwy@gmail.com>
Date: Mon, 26 Feb 2018 23:17:38 -0800
Subject: [PATCH] Fix storybook with react-router

---
 src/components/Footer/index.stories.js            |  8 ++++++--
 src/components/Home/ChapterItem/index.stories.js  | 10 ++++++----
 src/components/Home/ChaptersList/index.stories.js | 10 ++++++----
 src/components/Home/LastVisit/index.stories.js    | 10 ++++++----
 src/components/Home/QuickSurahs/index.stories.js  |  8 ++++++--
 src/components/SurahsDropdown/index.stories.js    | 10 ++++++----
 6 files changed, 36 insertions(+), 20 deletions(-)

diff --git a/src/components/Footer/index.stories.js b/src/components/Footer/index.stories.js
index 4ed6111f5..a0f3228a6 100644
--- a/src/components/Footer/index.stories.js
+++ b/src/components/Footer/index.stories.js
@@ -1,7 +1,11 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import Footer from 'components/Footer';
 
-storiesOf('Footer', module).add('default', () => <Footer />);
+storiesOf('Footer', module).add('default', () => (
+  <MemoryRouter>
+    <Footer />
+  </MemoryRouter>
+));
diff --git a/src/components/Home/ChapterItem/index.stories.js b/src/components/Home/ChapterItem/index.stories.js
index 246e95cbc..844d1d09b 100644
--- a/src/components/Home/ChapterItem/index.stories.js
+++ b/src/components/Home/ChapterItem/index.stories.js
@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import ChapterItem from './index';
 import { chapter } from '../../../../tests/fixtures/chapters';
 
-storiesOf('Home/ChapterItem', module).add('default', () =>
-  <ChapterItem chapter={chapter} />
-);
+storiesOf('Home/ChapterItem', module).add('default', () => (
+  <MemoryRouter>
+    <ChapterItem chapter={chapter} />
+  </MemoryRouter>
+));
diff --git a/src/components/Home/ChaptersList/index.stories.js b/src/components/Home/ChaptersList/index.stories.js
index 7e2503b8e..a78ea80fd 100644
--- a/src/components/Home/ChaptersList/index.stories.js
+++ b/src/components/Home/ChaptersList/index.stories.js
@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import ChaptersList from './index';
 import { chapters } from '../../../../tests/fixtures/chapters';
 
-storiesOf('Home/ChaptersList', module).add('default', () =>
-  <ChaptersList chapters={chapters} />
-);
+storiesOf('Home/ChaptersList', module).add('default', () => (
+  <MemoryRouter>
+    <ChaptersList chapters={chapters} />
+  </MemoryRouter>
+));
diff --git a/src/components/Home/LastVisit/index.stories.js b/src/components/Home/LastVisit/index.stories.js
index 411a79ed1..65ed4e04a 100644
--- a/src/components/Home/LastVisit/index.stories.js
+++ b/src/components/Home/LastVisit/index.stories.js
@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import LastVisit from './index';
 import { chapter } from '../../../../tests/fixtures/chapters';
 
-storiesOf('Home/LastVisit', module).add('default', () =>
-  <LastVisit chapter={chapter} verse={2} />
-);
+storiesOf('Home/LastVisit', module).add('default', () => (
+  <MemoryRouter>
+    <LastVisit chapter={chapter} verse={2} />
+  </MemoryRouter>
+));
diff --git a/src/components/Home/QuickSurahs/index.stories.js b/src/components/Home/QuickSurahs/index.stories.js
index 236897aa1..b5b29bd9d 100644
--- a/src/components/Home/QuickSurahs/index.stories.js
+++ b/src/components/Home/QuickSurahs/index.stories.js
@@ -1,7 +1,11 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import QuickSurahs from 'components/Home/QuickSurahs';
 
-storiesOf('Home/QuickSurahs', module).add('default', () => <QuickSurahs />);
+storiesOf('Home/QuickSurahs', module).add('default', () => (
+  <MemoryRouter>
+    <QuickSurahs />
+  </MemoryRouter>
+));
diff --git a/src/components/SurahsDropdown/index.stories.js b/src/components/SurahsDropdown/index.stories.js
index 2614d4987..c61829973 100644
--- a/src/components/SurahsDropdown/index.stories.js
+++ b/src/components/SurahsDropdown/index.stories.js
@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import SurahsDropdown from './index';
 import { chapters, chapter } from '../../../tests/fixtures/chapters';
 
-storiesOf('SurahsDropdown', module).add('default', () =>
-  <SurahsDropdown chapters={chapters} chapter={chapter} />
-);
+storiesOf('SurahsDropdown', module).add('default', () => (
+  <MemoryRouter>
+    <SurahsDropdown chapters={chapters} chapter={chapter} />
+  </MemoryRouter>
+));