/**
 * @description Footer component.
 */

import React from 'react';
import FilterLink from '../../containers/filter-link-container';

const Footer = () => {
  <p>
    Show:
    {" "}
    <FilterLink filter="SHOW_ALL">All</FilterLink>
    <FilterLink filter="SHOW_ACTIVE">Active</FilterLink>
    <FilterLink filter="SHOW_COMPLETED">Completed</FilterLink>
  </p>
};

export default Footer;

@@ -49,16 +49,32 @@
 t React 
+                
 from 're
@@ -97,16 +97,27 @@
 terLink 
+           
 from '..
@@ -154,16 +154,139 @@
 tainer';
+%0Aimport %7B VisibilityFilters %7D from '../../constants';%0A%0Aconst %7B SHOW_ALL, SHOW_ACTIVE, SHOW_COMPLETED %7D = VisibilityFilters;
 %0A%0Aconst 
@@ -355,17 +355,18 @@
 ter=
-%22
+%7B 
 SHOW_ALL
 %22%3EAl
@@ -361,17 +361,18 @@
 SHOW_ALL
-%22
+ %7D
 %3EAll%3C/Fi
@@ -373,32 +373,43 @@
 ll%3C/FilterLink%3E%0A
+    %7B%22, %22%7D%0A
     %3CFilterLink 
@@ -411,25 +411,26 @@
 Link filter=
-%22
+%7B 
 SHOW_ACTIVE%22
@@ -428,17 +428,18 @@
 W_ACTIVE
-%22
+ %7D
 %3EActive%3C
@@ -447,24 +447,35 @@
 FilterLink%3E%0A
+    %7B%22, %22%7D%0A
     %3CFilterL
@@ -485,17 +485,18 @@
  filter=
-%22
+%7B 
 SHOW_COM
@@ -501,17 +501,18 @@
 OMPLETED
-%22
+ %7D
 %3EComplet

fix components(for Redux tutorial)