feat : new dependency, update : dashboard

package.json

@@ -30,6 +30,7 @@
   "license": "MIT",
   "dependencies": {
     "@firebase/app": "^0.3.4",
+    "@material-ui/core": "^3.8.1",
     "@mdi/font": "^2.3.54",
     "antd": "^3.9.3",
     "async-validator": "^1.8.2",
@@ -93,6 +94,7 @@
     "react-dom": "^16.5.2",
     "react-drag-sortable": "^1.0.5",
     "react-easy-print": "^0.6.0-beta.3",
+    "react-flexible-carousel": "^1.2.6",
     "react-froala-wysiwyg": "^2.8.4",
     "react-gif": "^0.1.0",
     "react-google-charts": "^3.0.8",
@@ -115,6 +117,7 @@
     "react-router": "^4.2.0",
     "react-router-dom": "^4.2.2",
     "react-scroll-horizontal": "^1.1.3",
+    "react-slick": "^0.23.2",
     "react-sortable-hoc": "^0.8.3",
     "react-swipeable-views": "^0.13.0",
     "react-tap-event-plugin": "^3.0.2",
@@ -123,6 +126,7 @@
     "recharts": "^1.0.0-beta.6",
     "rimraf": "^2.6.2",
     "sass": "^1.15.1",
+    "slick-carousel": "^1.8.1",
     "snapsvg": "^0.5.1",
     "symlink-or-copy": "^1.2.0",
     "thumb-express": "0.0.2",

public/assets/data/sample.json

@@ -0,0 +1,237 @@
+[
+  {
+    "title": "Category 1",
+    "packages": [
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      }
+    ]
+  },
+  {
+    "title": "Category 1",
+    "packages": [
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      }
+    ]
+  },
+  {
+    "title": "Category 1",
+    "packages": [
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      }
+    ]
+  },
+  {
+    "title": "Category 1",
+    "packages": [
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      }
+    ]
+  },
+  {
+    "title": "Category 1",
+    "packages": [
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      },
+      {
+        "name": "Package 1",
+        "image": "http://lorempixel.com/300/100",
+        "rating": 5,
+        "price": 900000,
+        "total_day": 7
+      }
+    ]
+  }
+]

public/assets/firebase-messaging-sw.js

@@ -0,0 +1,38 @@
+/**
+ * Created by 322 on 01/04/2017.
+ */
+importScripts('https://www.gstatic.com/firebasejs/4.6.2/firebase-app.js');
+importScripts('https://www.gstatic.com/firebasejs/4.6.2/firebase-messaging.js');
+
+// Initialize the Firebase app in the service worker by passing in the
+// messagingSenderId.
+firebase.initializeApp({
+  apiKey: "AIzaSyD1D-eyFDVx2aWJCbPGIYFEHP68xHdi3ZY",
+  authDomain: "marketplace-373ce.firebaseapp.com",
+  databaseURL: "https://marketplace-373ce.firebaseio.com",
+  projectId: "marketplace-373ce",
+  storageBucket: "marketplace-373ce.appspot.com",
+  messagingSenderId: "780734330428"
+});
+
+// Retrieve an instance of Firebase Messaging so that it can handle background
+// messages.
+const messaging = firebase.messaging();
+// messaging.onMessage(function(payload) {
+//   console.log("Message received. ", payload);
+//   const notificationTitle = payload.title;
+//   const notificationOptions = {
+//     body: payload.body,
+//     icon: payload.icon
+//   };
+// });
+
+messaging.setBackgroundMessageHandler(function(payload) {
+  console.log('[firebase-messaging-sw.js] Received background message ', payload);
+  // Customize notification here
+  const notificationTitle = 'Background Message Title';
+  const notificationOptions = {
+      body: 'Background Message body.',
+      icon: '/firebase-logo.png'
+  };
+});