1506688765 64 Kata kata motivasi pada dashboard

assets/js/__test__/components/TopMenu-test.jsx

@@ -216,6 +216,14 @@ describe('TopMenu', () => {
     expect(topmenu.state.activeItem).to.equal(undefined);
   });
 
+  it('check topmenu state containst today quotes', () => {
+    const topmenu = ReactTestUtils.renderIntoDocument(
+      <TopMenu user={adminUser2}>
+        <div> test </div>
+      </TopMenu>);
+    expect(topmenu.state.todayQuote).to.not.equal(undefined);
+    });
+
   it('TopMenu state contain right current date time', () => {
     moment.locale('id');
     const date = new Date();

assets/js/components/TopMenu.jsx

@@ -5,6 +5,7 @@ import Server from '../lib/Server';
 import Storage from '../lib/Storage';
 import moment from 'moment';
 
+var quotes = require('starwars');
 const defaultPicture = 'https://semantic-ui.com/images/avatar/small/elliot.jpg';
 
 export default class TopMenu extends React.Component {
@@ -41,9 +42,11 @@ export default class TopMenu extends React.Component {
       activeItem: 'Beranda',
       logoutLoading: false,
       currentDate: moment(new Date()).format('dddd') + ', ' + moment(new Date()).format('LL'),
+      todayQuote: quotes(),
     };
     this.logout = this.logout.bind(this);
     this.logoutCompany = this.logoutCompany.bind(this);
+    console.log(this.state.todayQuote);
   }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name });
@@ -70,6 +73,9 @@ export default class TopMenu extends React.Component {
     const data = TopMenu.getInfo(this.props.user);
     return (
       <div>
+        <div style={{ padding: '10px 0', fontStyle: 'italic', textAlign: 'center' }}>
+          { this.state.todayQuote }
+        </div>
         { this.props.user.data.is_staff && this.props.user.data.company && (
           <div className="admin-bar">
             <p>

package.json

@@ -63,6 +63,8 @@
     "moment": "^2.18.1",
     "react-hot-loader": "^3.0.0-beta.5",
     "react-test-utils": "0.0.1",
+    "webpack": "^1.13.2",
+    "webpack-bundle-tracker": "0.0.93",
     "webpack-cli": "^3.3.9",
     "webpack-dev-server": "^3.0.0"
   },
@@ -80,6 +82,7 @@
     "react-dom": "^15.6.2",
     "react-router": "^3.2.4",
     "react-tap-event-plugin": "^2.0.1",
+    "starwars": "^1.0.1",
     "semantic-ui-react": "^0.79.1",
     "uglifyjs-webpack-plugin": "^2.2.0",
     "webpack": "^4.41.0",