Use NamedLink in SearchPage

src/containers/SearchPage/SearchPage.js

@@ -1,13 +1,16 @@
 import React from 'react';
-import { Link } from 'react-router';
 import { connect } from 'react-redux';
-import { PageLayout } from '../../components';
+import { NamedLink, PageLayout } from '../../components';
 import { addFlashNotification } from '../../ducks/FlashNotification.ducks';
 import { addFilter } from './SearchPage.ducks';
 
 export const SearchPageComponent = () => (
   <PageLayout title="Search page">
-    <Link to="/l/Nice+studio-in-Helsinki-345">Nice studio in Helsinki</Link>
+    <NamedLink name="ListingPage" params={{ slug: 'Nice-studio-in-Helsinki', id: 345 }}>
+      Nice studio in Helsinki
+    </NamedLink>
+    <br />
+    <NamedLink name="LandingPage">LandingPage</NamedLink>
   </PageLayout>
 );
 

src/containers/SearchPage/SearchPage.test.js

@@ -3,13 +3,17 @@ import { BrowserRouter } from 'react-router';
 import renderer from 'react-test-renderer';
 import { SearchPageComponent } from './SearchPage';
 import reducer, { ADD_FILTER, addFilter } from './SearchPage.ducks';
+import { RoutesProvider } from '../../components';
+import routesConfiguration from '../../routesConfiguration';
 
 describe('SearchPageComponent', () => {
   it('matches snapshot', () => {
     const component = renderer.create(
       (
         <BrowserRouter>
-          <SearchPageComponent />
+          <RoutesProvider routes={routesConfiguration}>
+            <SearchPageComponent />
+          </RoutesProvider>
         </BrowserRouter>
       ),
     );
@@ -38,7 +42,9 @@ describe('SearchPageDucs', () => {
       const reduced = reducer([], addFilter1);
       const reducedWithInitialContent = reducer({ filters: [ addFilter1.payload ] }, addFilter2);
       expect(reduced).toEqual({ filters: [ addFilter1.payload ] });
-      expect(reducedWithInitialContent).toEqual({ filters: [ addFilter1.payload, addFilter2.payload ] });
+      expect(
+        reducedWithInitialContent,
+      ).toEqual({ filters: [ addFilter1.payload, addFilter2.payload ] });
     });
 
     it('should handle duplicates ADD_FILTER', () => {

src/containers/SearchPage/__snapshots__/SearchPage.test.js.snap

@@ -139,10 +139,18 @@ exports[`SearchPageComponent matches snapshot 1`] = `
   </h1>
   <a
     className=""
-    href="/l/Nice+studio-in-Helsinki-345"
+    href="/l/Nice-studio-in-Helsinki/345"
     onClick={[Function]}
     style={Object {}}>
     Nice studio in Helsinki
   </a>
+  <br />
+  <a
+    className=""
+    href="/"
+    onClick={[Function]}
+    style={Object {}}>
+    LandingPage
+  </a>
 </div>
 `;