Small fixes and updates

.gitignore

@@ -21,4 +21,5 @@ yarn-debug.log*
 yarn-error.log*
 
 .idea
-.vscode/
+.vscode/
+src/**/*.css

README.md

@@ -1,18 +1,20 @@
 # React dashboard with Semantic UI & Recharts
 
 - Simple UI including range picker, dropdown, accordion and more
-- Sample charts with [Recharts](http://recharts.org/en-US)
-- Calendar with [Big Calendar](http://intljusticemission.github.io/react-big-calendar/examples/index.html)
+- Sample charts with [Recharts](https://recharts.org/en-US/)
+- Calendar with [Big Calendar](https://github.com/jquense/react-big-calendar)
 
 ![Imgur](https://i.imgur.com/UwcmWc7.gif)
 
 ## Installation
-
 ```
 $ git clone https://github.com/jyhwng/dashboard.git
 $ cd dashboard
 $ npm install
 $ npm start
 ```
+**Note**\
+The package contains native node modules. You need to have build tools for node (i.e. Python and Visual Studio Build Tools for Node) installed. 
+
 
 by [@jyhwng](https://github.com/jyhwng)

src/components/Pagination/Pagination.js

@@ -3,14 +3,14 @@ import { Icon } from 'semantic-ui-react';
 import './Pagination.css';
 
 const Pagination = () => {
-  const pages = [1, 2, 3, 4, 5]
+  const pages = [1, 2, 3, 4, 5];
   return (
     <div className="pagination">
       <button><span>first</span></button>
       <button className="arrow"><Icon name="angle left"/></button>
       <div className="page-numbers">
         {pages.map(number => {
-          return <button><span>{number}</span></button>
+          return <button key={number}><span>{number}</span></button>
         })}
       </div>
       <button className="arrow"><Icon name="angle right"/></button>
@@ -19,4 +19,4 @@ const Pagination = () => {
   );
 }
 
-export default Pagination;
+export default Pagination;