added images example

Author: iamvijaydev

config/assets/social-sprite.png

@@ -35,9 +35,7 @@ const App = ({
       <div>
         <GlobalStyles theme={theme} />
         <Router>
-          {/*
-            Please update the code as your project requirements
-          */}
+          {/* Please update the code below for your project requirements */}
           <div>
             <ul>
               <li>
@@ -50,7 +48,7 @@ const App = ({
                 <Link to="/topics">Topics</Link>
               </li>
               <li>
-                <Link to="/404">404</Link>
+                <Link to="/link-does-not-exist">404</Link>
               </li>
             </ul>
 
@@ -80,6 +78,11 @@ const App = ({
                 ))
               }
             </ul>
+
+            <hr />
+
+            <h3>Images from simply from: <code>~./assets/[image]</code></h3>
+            <img src="/assets/social-sprite.png" alt="social icon sprites" />
           </div>
         </Router>
       </div>

src/App.js

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>fluidEx</title>
+    <title>React base code</title>
     <style data-styled-components="true"></style>
     <link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Mono|Slabo+27px" rel="stylesheet">
 </head>

src/index.html

@@ -0,0 +1,16 @@
+import themes from '../data/session';
+
+describe('session reducer', () => {
+  it('should return the initial state', () => {
+    expect(themes(undefined, {})).toEqual({});
+  });
+
+  it('should return user session', () => {
+    expect(themes({}, {
+      type: 'FILL',
+    })).toEqual({
+      uid: 10001,
+      name: 'user',
+    });
+  });
+});

src/store/__tests__/session.spec.js

@@ -0,0 +1,21 @@
+import themes, { initalState } from '../data/themes';
+
+describe('theme reducer', () => {
+  it('should return the initial state', () => {
+    expect(themes(undefined, {})).toBe(initalState);
+  });
+
+  it('should return with white theme selected', () => {
+    expect(themes(initalState, {
+      type: 'CHANGE_THEME',
+      id: 'white_theme',
+    }).selected.id).toBe('white_theme');
+  });
+
+  it('should return with black theme selected', () => {
+    expect(themes(initalState, {
+      type: 'CHANGE_THEME',
+      id: 'dark_theme',
+    }).selected.id).toBe('dark_theme');
+  });
+});

src/store/__tests__/themes.spec.js

@@ -1,12 +1,10 @@
-const session = {
-  uid: 10001,
-  name: 'user',
-};
-
 export default (state = {}, action) => {
   switch (action.type) {
     case 'FILL':
-      return { ...session };
+      return {
+        uid: 10001,
+        name: 'user',
+      };
 
     default:
       return state;

src/store/data/session.js

@@ -6,7 +6,7 @@ const data = [{
   name: 'Dark',
 }];
 const selected = data[0];
-const initalState = {
+export const initalState = {
   data,
   selected,
 };