diff --git a/package-lock.json b/package-lock.json
index 601fbc9a2..893517d4e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1689,24 +1689,6 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz",
       "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw=="
     },
-    "@styled-icons/material-outlined": {
-      "version": "10.28.0",
-      "resolved": "https://registry.npmjs.org/@styled-icons/material-outlined/-/material-outlined-10.28.0.tgz",
-      "integrity": "sha512-TXCYrBeR5YXDziNMDAO6ZpKVjWvWaWmhBvF/vTvL6sME5zazk9sToyRJ6i/+DZGNH8wD7+635e8hkZAYPp++/A==",
-      "requires": {
-        "@babel/runtime": "^7.12.13",
-        "@styled-icons/styled-icon": "^10.6.0"
-      }
-    },
-    "@styled-icons/styled-icon": {
-      "version": "10.6.3",
-      "resolved": "https://registry.npmjs.org/@styled-icons/styled-icon/-/styled-icon-10.6.3.tgz",
-      "integrity": "sha512-/A95L3peioLoWFiy+/eKRhoQ9r/oRrN/qzbSX4hXU1nGP2rUXcX3LWUhoBNAOp9Rw38ucc/4ralY427UUNtcGQ==",
-      "requires": {
-        "@babel/runtime": "^7.10.5",
-        "@emotion/is-prop-valid": "^0.8.7"
-      }
-    },
     "@svgr/babel-plugin-add-jsx-attribute": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz",
diff --git a/package.json b/package.json
index f97f488e4..5f4539bfc 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,6 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@styled-icons/material-outlined": "^10.28.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^10.4.9",
     "@testing-library/user-event": "^12.1.3",
diff --git a/src/components/Account/index.jsx b/src/components/Account/index.jsx
index 629f176d8..d1ebcd44a 100644
--- a/src/components/Account/index.jsx
+++ b/src/components/Account/index.jsx
@@ -4,6 +4,7 @@ import { AccountIcon, Dropdown, Button } from './styled';
 import { AUTH_STORAGE_KEY } from '../../utils/constants';
 import { storage } from '../../utils/storage';
 import { useAuth } from '../../providers/Auth';
+import user from '../../img/user.svg';
 
 const Account = () => {
   const { logout } = useAuth();
@@ -19,6 +20,7 @@ const Account = () => {
   return (
     <div>
       <AccountIcon
+        src={user}
         onClick={() => {
           setOpenDrop(!openDrop);
         }}
diff --git a/src/components/Account/styled.js b/src/components/Account/styled.js
index 6e5872457..e3646ac5e 100644
--- a/src/components/Account/styled.js
+++ b/src/components/Account/styled.js
@@ -1,7 +1,6 @@
 import styled from 'styled-components';
-import { AccountCircle } from '@styled-icons/material-outlined/AccountCircle';
 
-const AccountIcon = styled(AccountCircle)`
+const AccountIcon = styled.img`
   color: white;
   width: 50px;
   height: 50px;
diff --git a/src/components/App/App.component.jsx b/src/components/App/App.component.jsx
index c96a88431..24c683223 100644
--- a/src/components/App/App.component.jsx
+++ b/src/components/App/App.component.jsx
@@ -7,18 +7,16 @@ import Layout from '../Layout';
 import HomePage from '../../pages/Home';
 import LoginPage from '../../pages/Login';
 import VideoDetailPage from '../../pages/VideoDetail';
+import FavoritesPage from '../../pages/Favorites';
 import NotFound from '../../pages/NotFound';
-import SearchWordContext from '../../state/SearchWordContext';
-import SearchWordReducer from '../../state/SearchWordReducer';
-import ThemeContext from '../../state/ThemeContext';
-import ThemeReducer from '../../state/ThemeReducer';
+import GlobalContext from '../../state/GlobalContext';
+import GlobalReducer from '../../state/GlobalReducer';
+import Private from '../Private';
 
 export default function App() {
   const [videos, setVideos] = React.useState([]);
-  const [state, dispatch] = useReducer(SearchWordReducer, {
+  const [state, dispatch] = useReducer(GlobalReducer, {
     word: 'Wizeline',
-  });
-  const [stateTheme, dispatchTheme] = useReducer(ThemeReducer, {
     theme: {
       navBar: '#3fc7cb',
       content: 'white',
@@ -29,27 +27,28 @@ export default function App() {
   return (
     <BrowserRouter>
       <AuthProvider>
-        <ThemeContext.Provider value={{ stateTheme, dispatchTheme }}>
-          <SearchWordContext.Provider value={{ state, dispatch }}>
-            <NavBar setVideos={setVideos} />
-            <Layout>
-              <Switch>
-                <Route exact path="/login">
-                  <LoginPage />
-                </Route>
-                <Route exact path="/">
-                  <HomePage videos={videos} />
-                </Route>
-                <Route exact path="/:id">
-                  <VideoDetailPage videos={videos} />
-                </Route>
-                <Route path="*">
-                  <NotFound />
-                </Route>
-              </Switch>
-            </Layout>
-          </SearchWordContext.Provider>
-        </ThemeContext.Provider>
+        <GlobalContext.Provider value={{ state, dispatch }}>
+          <NavBar setVideos={setVideos} />
+          <Layout>
+            <Switch>
+              <Route exact path="/">
+                <HomePage videos={videos} />
+              </Route>
+              <Route exact path="/login">
+                <LoginPage />
+              </Route>
+              <Private exact path="/favorites">
+                <FavoritesPage />
+              </Private>
+              <Route exact path="/video/:id">
+                <VideoDetailPage />
+              </Route>
+              <Route exact path="*">
+                <NotFound />
+              </Route>
+            </Switch>
+          </Layout>
+        </GlobalContext.Provider>
       </AuthProvider>
     </BrowserRouter>
   );
diff --git a/src/components/NavBar/index.jsx b/src/components/NavBar/index.jsx
index 4bbcc4d2c..297f18b4a 100644
--- a/src/components/NavBar/index.jsx
+++ b/src/components/NavBar/index.jsx
@@ -12,15 +12,13 @@ import {
   NavElementsWrapper,
 } from './styled';
 import { fetchVideos } from '../../lib/youTubeApi';
-import SearchWordContext from '../../state/SearchWordContext';
-import ThemeContext from '../../state/ThemeContext';
+import GlobalContext from '../../state/GlobalContext';
 
 const Navbar = ({ setVideos }) => {
   const [checked, setChecked] = React.useState(false);
   const [open, setOpen] = React.useState(false);
-  const { state } = useContext(SearchWordContext);
-  const { stateTheme, dispatchTheme } = useContext(ThemeContext);
-  const { theme } = stateTheme;
+  const { state, dispatch } = useContext(GlobalContext);
+  const { theme } = state;
 
   React.useEffect(() => {
     fetchVideos(state.word).then((videosData) => {
@@ -31,21 +29,25 @@ const Navbar = ({ setVideos }) => {
   const changeHandler = () => {
     setChecked(!checked);
     if (!checked) {
-      dispatchTheme({
+      dispatch({
         type: 'SET_THEME',
         payload: {
-          navBar: '#556cd6',
-          content: '#303030',
-          text: 'white',
+          theme: {
+            navBar: '#556cd6',
+            content: '#303030',
+            text: 'white',
+          },
         },
       });
     } else {
-      dispatchTheme({
+      dispatch({
         type: 'SET_THEME',
         payload: {
-          navBar: '#3fc7cb',
-          content: 'white',
-          text: 'black',
+          theme: {
+            navBar: '#3fc7cb',
+            content: 'white',
+            text: 'black',
+          },
         },
       });
     }
@@ -55,7 +57,9 @@ const Navbar = ({ setVideos }) => {
     <Nav data-testid="navBar">
       <NavContent theme={theme} data-testid="navContent">
         <div>
-          <MenuIcon open={open} onClick={() => setOpen(!open)} />
+          <MenuIcon open={open} onClick={() => setOpen(!open)}>
+            =
+          </MenuIcon>
         </div>
         <SideMenu open={open} setOpen={setOpen} />
         <SearchInput />
diff --git a/src/components/NavBar/styled.js b/src/components/NavBar/styled.js
index bd874b123..77f76b61d 100644
--- a/src/components/NavBar/styled.js
+++ b/src/components/NavBar/styled.js
@@ -1,10 +1,9 @@
 import styled from 'styled-components';
-import { Dehaze } from '@styled-icons/material-outlined/Dehaze';
 
-const MenuIcon = styled(Dehaze)`
+const MenuIcon = styled.p`
   color: white;
-  width: 50px;
-  height: 50px;
+  font-size: 80px;
+  margin-top: 60px;
 `;
 
 const Nav = styled.div`
diff --git a/src/components/SearchInput/index.jsx b/src/components/SearchInput/index.jsx
index 14bb9e99e..3a0f38cc8 100644
--- a/src/components/SearchInput/index.jsx
+++ b/src/components/SearchInput/index.jsx
@@ -1,17 +1,17 @@
 import React, { useContext } from 'react';
 import { useHistory } from 'react-router';
 import { Input } from './styled';
-import SearchWordContext from '../../state/SearchWordContext';
+import GlobalContext from '../../state/GlobalContext';
 
 const SearchInput = () => {
-  const { state, dispatch } = useContext(SearchWordContext);
+  const { state, dispatch } = useContext(GlobalContext);
   const [searchWord, setSearchWord] = React.useState(state.word);
   const history = useHistory();
 
   const triggerChange = () => {
     dispatch({
       type: 'SET_WORD',
-      payload: searchWord,
+      payload: { word: searchWord },
     });
 
     history.push('/');
diff --git a/src/components/SideMenu/index.jsx b/src/components/SideMenu/index.jsx
index a190ff35a..e79229476 100644
--- a/src/components/SideMenu/index.jsx
+++ b/src/components/SideMenu/index.jsx
@@ -3,15 +3,15 @@ import { Link } from 'react-router-dom';
 import { AUTH_STORAGE_KEY } from '../../utils/constants';
 import { storage } from '../../utils/storage';
 import { LinkText, ContainerMenu, SideMen, CloseBtn, Links, CloseIcon } from './styled';
-import ThemeContext from '../../state/ThemeContext';
+import GlobalContext from '../../state/GlobalContext';
 
 const SideMenu = ({ open, setOpen }) => {
   const isLogged = storage.get(AUTH_STORAGE_KEY);
-  const { stateTheme } = useContext(ThemeContext);
-  const { theme } = stateTheme;
+  const { state } = useContext(GlobalContext);
+  const { theme } = state;
 
   const favorites = (
-    <Link to={{ pathname: `/` }} onClick={() => setOpen(!open)}>
+    <Link to={{ pathname: `/favorites` }} onClick={() => setOpen(!open)}>
       <LinkText theme={theme}>
         <span role="img" aria-label="favorites">
           ⭐️
@@ -25,7 +25,7 @@ const SideMenu = ({ open, setOpen }) => {
     <ContainerMenu open={open} data-testid="sideMenu">
       <SideMen open={open} theme={theme}>
         <CloseBtn>
-          <CloseIcon onClick={() => setOpen(!open)} />
+          <CloseIcon onClick={() => setOpen(!open)}>X</CloseIcon>
         </CloseBtn>
         <Links>
           <Link to={{ pathname: `/` }} onClick={() => setOpen(!open)}>
diff --git a/src/components/SideMenu/styled.js b/src/components/SideMenu/styled.js
index 0075bce69..57853ae31 100644
--- a/src/components/SideMenu/styled.js
+++ b/src/components/SideMenu/styled.js
@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { Close } from '@styled-icons/material-outlined/Close';
 
 const ContainerMenu = styled.div`
   display: flex;
@@ -52,14 +51,15 @@ const LinkText = styled.p`
   }
 `;
 
-const CloseIcon = styled(Close)`
+const CloseIcon = styled.p`
+  font-size: 40px;
   color: lightgray;
   width: 50px;
   height: 50px;
 `;
 
 const CloseBtn = styled.div`
-  text-align-last: end;
+  float: right;
 `;
 
 const Links = styled.div`
diff --git a/src/components/VideoCard/index.jsx b/src/components/VideoCard/index.jsx
index 0d06f5f41..756e5424a 100644
--- a/src/components/VideoCard/index.jsx
+++ b/src/components/VideoCard/index.jsx
@@ -1,15 +1,15 @@
 import React, { useContext } from 'react';
 import { Link } from 'react-router-dom';
 import { Card, CardImg, CardContent, CardTitle, CardDescription } from './styled';
-import ThemeContext from '../../state/ThemeContext';
+import GlobalContext from '../../state/GlobalContext';
 
-const VideoCard = ({ video }) => {
+const VideoCard = ({ video, videos }) => {
   const { snippet, id } = video;
-  const { stateTheme } = useContext(ThemeContext);
-  const { theme } = stateTheme;
+  const { state } = useContext(GlobalContext);
+  const { theme } = state;
 
   return (
-    <Link to={{ pathname: `/${id.videoId}`, state: { video } }}>
+    <Link to={{ pathname: `/video/${id.videoId}`, state: { video, videos } }}>
       <Card data-testid="card">
         <CardImg img={snippet.thumbnails.medium.url} />
         <CardContent>
diff --git a/src/components/VideoGrid/index.jsx b/src/components/VideoGrid/index.jsx
index a9bca1e02..99117e146 100644
--- a/src/components/VideoGrid/index.jsx
+++ b/src/components/VideoGrid/index.jsx
@@ -1,11 +1,11 @@
 import React, { useContext } from 'react';
 import VideoCard from '../VideoCard';
 import { Grid, Row, Col } from './styled';
-import ThemeContext from '../../state/ThemeContext';
+import GlobalContext from '../../state/GlobalContext';
 
 const VideoGrid = ({ videos }) => {
-  const { stateTheme } = useContext(ThemeContext);
-  const { theme } = stateTheme;
+  const { state } = useContext(GlobalContext);
+  const { theme } = state;
 
   return (
     <Grid theme={theme} data-testid="grid">
@@ -13,7 +13,7 @@ const VideoGrid = ({ videos }) => {
         {videos.map((video) =>
           video.id.videoId ? (
             <Col key={video.id.videoId}>
-              <VideoCard video={video} />
+              <VideoCard video={video} videos={videos} />
             </Col>
           ) : (
             ''
diff --git a/src/components/VideosListElement/index.jsx b/src/components/VideosListElement/index.jsx
index c3951f278..52f4f6066 100644
--- a/src/components/VideosListElement/index.jsx
+++ b/src/components/VideosListElement/index.jsx
@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
 import { ListElement, Image, Detail, Description } from './styled';
-import ThemeContext from '../../state/ThemeContext';
+import GlobalContext from '../../state/GlobalContext';
 
 const VideosListElement = ({ snippet }) => {
-  const { stateTheme } = useContext(ThemeContext);
-  const { theme } = stateTheme;
+  const { state } = useContext(GlobalContext);
+  const { theme } = state;
 
   return (
     <ListElement>
diff --git a/src/img/user.svg b/src/img/user.svg
new file mode 100644
index 000000000..d9b42e363
--- /dev/null
+++ b/src/img/user.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Written by Treer (gitlab.com/Treer) -->
+<svg 
+	version="1.1" 
+	xmlns="http://www.w3.org/2000/svg" 
+	xmlns:xlink="http://www.w3.org/1999/xlink" 
+	width="600" 
+	height="600"
+	stroke="grey"
+	stroke-width="30"
+	fill="none">
+
+  <title>Abstract user icon</title>
+  <circle cx="300" cy="230" r="115" />
+  <path d="M106.81863443903,481.4 a265,265 1 1,1 386.36273112194,0 a205,205 1 0,0 -386.36273112194,0 z" stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/src/pages/Favorites/Favorites.page.jsx b/src/pages/Favorites/Favorites.page.jsx
new file mode 100644
index 000000000..11756ab6b
--- /dev/null
+++ b/src/pages/Favorites/Favorites.page.jsx
@@ -0,0 +1,20 @@
+import React, { useContext } from 'react';
+import { storage } from '../../utils/storage';
+import VideoGrid from '../../components/VideoGrid';
+import { Favorites } from './styled';
+import GlobalContext from '../../state/GlobalContext';
+
+function FavoritesPage() {
+  const { state } = useContext(GlobalContext);
+  const { theme } = state;
+  const videos = storage.get('favoriteList');
+
+  return (
+    <section>
+      <Favorites theme={theme}>Favorites</Favorites>
+      <VideoGrid videos={videos} />
+    </section>
+  );
+}
+
+export default FavoritesPage;
diff --git a/src/pages/Favorites/index.js b/src/pages/Favorites/index.js
new file mode 100644
index 000000000..ddb7677c3
--- /dev/null
+++ b/src/pages/Favorites/index.js
@@ -0,0 +1 @@
+export { default } from './Favorites.page';
diff --git a/src/pages/Favorites/styled.js b/src/pages/Favorites/styled.js
new file mode 100644
index 000000000..814030d7f
--- /dev/null
+++ b/src/pages/Favorites/styled.js
@@ -0,0 +1,14 @@
+import styled from 'styled-components';
+
+const Favorites = styled.div`
+  color: ${({ theme }) => theme.text};
+  flex-wrap: wrap;
+  align-content: center;
+  width: 100%;
+  text-align: -webkit-center;
+  padding-top: 30px;
+  font-size: 40px;
+  background-color: ${({ theme }) => theme.content};
+`;
+
+export { Favorites };
diff --git a/src/pages/Home/Home.page.jsx b/src/pages/Home/Home.page.jsx
index db6000379..52ca64225 100644
--- a/src/pages/Home/Home.page.jsx
+++ b/src/pages/Home/Home.page.jsx
@@ -1,11 +1,11 @@
 import React, { useContext } from 'react';
 import VideoGrid from '../../components/VideoGrid';
 import { Welcome } from './styled';
-import ThemeContext from '../../state/ThemeContext';
+import GlobalContext from '../../state/GlobalContext';
 
 function HomePage({ videos }) {
-  const { stateTheme } = useContext(ThemeContext);
-  const { theme } = stateTheme;
+  const { state } = useContext(GlobalContext);
+  const { theme } = state;
 
   return (
     <section>
diff --git a/src/pages/VideoDetail/VideoDetail.page.jsx b/src/pages/VideoDetail/VideoDetail.page.jsx
index a81abbc38..048c79d44 100644
--- a/src/pages/VideoDetail/VideoDetail.page.jsx
+++ b/src/pages/VideoDetail/VideoDetail.page.jsx
@@ -12,20 +12,91 @@ import {
   VideoDescription,
   AddFavorites,
 } from './styled';
-import ThemeContext from '../../state/ThemeContext';
+import GlobalContext from '../../state/GlobalContext';
 
-function VideoDetailPage({ videos }) {
+function VideoDetailPage() {
   const isLogged = storage.get(AUTH_STORAGE_KEY);
   const history = useHistory();
   const [video, setVideo] = React.useState(history.location.state.video);
-  const [vids, setVideos] = React.useState(videos);
+  const [vids, setVideos] = React.useState(history.location.state.videos);
+  const [favorite, setFavorite] = React.useState(false);
   const { snippet, id } = video;
-  const { stateTheme } = useContext(ThemeContext);
-  const { theme } = stateTheme;
-  const addFavorites = <AddFavorites theme={theme}>AGREGAR A FAVORITOS</AddFavorites>;
+  const { state } = useContext(GlobalContext);
+  const { theme } = state;
+  let favoritesList = storage.get('favoriteList');
+
+  const addToFavorites = () => {
+    if (favoritesList === null) {
+      favoritesList = [];
+    }
+    const index = favoritesList.findIndex(
+      (element) => element.id.videoId === video.id.videoId
+    );
+    if (index === -1) {
+      favoritesList.push(video);
+    }
+    storage.set('favoriteList', favoritesList);
+    setFavorite(true);
+  };
+
+  const removeFromFavorites = () => {
+    const index = favoritesList.findIndex(
+      (element) => element.id.videoId === video.id.videoId
+    );
+    if (index !== -1) {
+      favoritesList.splice(index, 1);
+      storage.set('favoriteList', favoritesList);
+    }
+    setFavorite(false);
+  };
+
+  const addFavorites = (
+    <AddFavorites
+      theme={theme}
+      onClick={() => {
+        addToFavorites();
+      }}
+    >
+      AGREGAR A FAVORITOS
+    </AddFavorites>
+  );
+
+  const removeFavorites = (
+    <AddFavorites
+      theme={theme}
+      onClick={() => {
+        removeFromFavorites();
+      }}
+    >
+      REMOVER DE FAVORITOS
+    </AddFavorites>
+  );
+
+  const isFavorite = () => {
+    if (favoritesList !== null) {
+      const index = favoritesList.findIndex(
+        (element) => element.id.videoId === video.id.videoId
+      );
+      if (index !== -1) {
+        setFavorite(true);
+      } else {
+        setFavorite(false);
+      }
+    } else {
+      setFavorite(false);
+    }
+  };
+
+  const show = () => {
+    if (favorite) {
+      return removeFavorites;
+    }
+    return addFavorites;
+  };
 
   React.useEffect(() => {
     setVideo(video);
+    isFavorite();
   }, [video]);
 
   return (
@@ -41,7 +112,7 @@ function VideoDetailPage({ videos }) {
             <h2>{snippet.title}</h2>
             <p>{snippet.description}</p>
           </VideoDescription>
-          {isLogged ? addFavorites : ''}
+          {isLogged ? show() : ''}
         </VideoInfo>
       </Player>
       <List>
diff --git a/src/state/GlobalContext.jsx b/src/state/GlobalContext.jsx
new file mode 100644
index 000000000..de029e4b1
--- /dev/null
+++ b/src/state/GlobalContext.jsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+const GlobalContext = React.createContext({
+  searchWord: '',
+  theme: {},
+  dispatch: () => {},
+});
+
+export default GlobalContext;
diff --git a/src/state/GlobalReducer.jsx b/src/state/GlobalReducer.jsx
new file mode 100644
index 000000000..cb2279193
--- /dev/null
+++ b/src/state/GlobalReducer.jsx
@@ -0,0 +1,13 @@
+const GlobalReducer = (state, action) => {
+  console.log('EL STATE ', state);
+  switch (action.type) {
+    case 'SET_THEME':
+      return { ...state, theme: action.payload.theme };
+    case 'SET_WORD':
+      return { ...state, word: action.payload };
+    default:
+      return state;
+  }
+};
+
+export default GlobalReducer;
diff --git a/src/state/SearchWordContext.jsx b/src/state/SearchWordContext.jsx
deleted file mode 100644
index cdb37841f..000000000
--- a/src/state/SearchWordContext.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-
-const SearchWordContext = React.createContext({
-  state: '',
-  dispatch: () => {},
-});
-
-export default SearchWordContext;
diff --git a/src/state/SearchWordReducer.js b/src/state/SearchWordReducer.js
deleted file mode 100644
index e374a90bc..000000000
--- a/src/state/SearchWordReducer.js
+++ /dev/null
@@ -1,10 +0,0 @@
-const SearchWordReducer = (state, action) => {
-  switch (action.type) {
-    case 'SET_WORD':
-      return { ...state, word: action.payload };
-    default:
-      return state;
-  }
-};
-
-export default SearchWordReducer;
diff --git a/src/state/ThemeContext.jsx b/src/state/ThemeContext.jsx
deleted file mode 100644
index 83e8085ce..000000000
--- a/src/state/ThemeContext.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-
-const ThemeContext = React.createContext({
-  theme: {},
-  dispatchTheme: () => {},
-});
-
-export default ThemeContext;
diff --git a/src/state/ThemeReducer.js b/src/state/ThemeReducer.js
deleted file mode 100644
index b8ec9574a..000000000
--- a/src/state/ThemeReducer.js
+++ /dev/null
@@ -1,10 +0,0 @@
-const ThemeReducer = (stateTheme, action) => {
-  switch (action.type) {
-    case 'SET_THEME':
-      return { ...stateTheme, theme: action.payload };
-    default:
-      return stateTheme;
-  }
-};
-
-export default ThemeReducer;