feature(navigation): navbar and footer

- write tests - add header component - add footer component [Starts #162381835]
andela · Dec 12, 2018 · ec4fb79 · ec4fb79
1 parent ceb8385
commit ec4fb79
Show file tree

Hide file tree

Showing 55 changed files with 1,089 additions and 68 deletions.
diff --git a/.scss-lint.yml b/.scss-lint.yml
@@ -71,7 +71,6 @@ linters:
 
   NestingDepth:
     enabled: false
-    max_depth: 4
 
   SelectorDepth:
     enabled: false

diff --git a/mockdata/categories.js b/mockdata/categories.js
@@ -0,0 +1,33 @@
+export default {
+  status: 'success',
+  categories: [
+    {
+      id: 1,
+      categoryName: 'food'
+    },
+    {
+      id: 2,
+      categoryName: 'programming'
+    },
+    {
+      id: 3,
+      categoryName: 'physics'
+    },
+    {
+      id: 5,
+      categoryName: 'gaming'
+    },
+    {
+      id: 6,
+      categoryName: 'business'
+    },
+    {
+      id: 7,
+      categoryName: 'travel'
+    },
+    {
+      id: 8,
+      categoryName: 'fitness'
+    },
+  ]
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -29,6 +29,8 @@
   },
   "homepage": "https://github.com/andela/valinor-ah-frontend#readme",
   "devDependencies": {
+    "@babel/plugin-proposal-decorators": "^7.2.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "babel-jest": "^23.6.0",
     "coveralls": "^3.0.2",
     "enzyme": "^3.7.0",
@@ -44,6 +46,8 @@
     "react-test-renderer": "^16.6.3",
     "regenerator-runtime": "^0.13.1",
     "sass-lint": "^1.12.1",
+    "webpack": "^4.26.1",
+    "url-loader": "^1.1.2",
     "webpack-dev-server": "^3.1.10"
   },
   "dependencies": {
@@ -65,6 +69,7 @@
     "css-loader": "^1.0.1",
     "cssnano": "^4.1.7",
     "express": "^4.16.4",
+    "file-loader": "^2.0.0",
     "font-awesome": "^4.7.0",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",

diff --git a/public/images/avatar.jpg b/public/images/avatar.jpg
diff --git a/public/images/bell.svg b/public/images/bell.svg
diff --git a/public/images/business.png b/public/images/business.png
diff --git a/public/images/facebook-logo-button.svg b/public/images/facebook-logo-button.svg
diff --git a/public/images/favorites.png b/public/images/favorites.png
diff --git a/public/images/fitness.png b/public/images/fitness.png
diff --git a/public/images/food.png b/public/images/food.png
diff --git a/public/images/gaming.png b/public/images/gaming.png
diff --git a/public/images/icon.svg b/public/images/icon.svg
diff --git a/public/images/login.png b/public/images/login.png
diff --git a/public/images/logout.png b/public/images/logout.png
diff --git a/public/images/more.png b/public/images/more.png
diff --git a/public/images/new.svg b/public/images/new.svg
diff --git a/public/images/physics.png b/public/images/physics.png
diff --git a/public/images/preferences.png b/public/images/preferences.png
diff --git a/public/images/profile.png b/public/images/profile.png
diff --git a/public/images/programming.png b/public/images/programming.png
diff --git a/public/images/signup.png b/public/images/signup.png
diff --git a/public/images/site-logo.png b/public/images/site-logo.png
diff --git a/public/images/travel.png b/public/images/travel.png
diff --git a/public/images/twitter-logo-button.svg b/public/images/twitter-logo-button.svg
diff --git a/public/js/NavBar.js b/public/js/NavBar.js
@@ -0,0 +1,7 @@
+import $ from 'jquery';
+
+$(() => {
+  $('[data-toggle="offcanvas"]').on('click', () => {
+    $('.offcanvas-collapse').toggleClass('open');
+  });
+});