🐛 Fix GridCalendar

Author: Jonas Gossens

src/react-chayns-gridcalendar/component/GridCalendar.jsx

@@ -392,7 +392,7 @@ export default class ProgressCalendar extends Component {
         const { data } = this.props;
         if (this.content && data) {
             return (
-                <div className="calendar__content_groups">
+                <div className="calendar__content_groups" style={{ width: '35%', paddingRight: '5px' }}>
                     {
                         data.map(user => (
                             <div className="calendar__user ellipsis" key={user.id}>

src/react-chayns-gridcalendar/component/content/Navigator.jsx

@@ -36,7 +36,7 @@ export default class Navigator extends PureComponent {
 
         return (
             <div className="calendar__navigator no_select">
-                <div className="calendar__navigator_wrapper">
+                <div className="calendar__navigator_wrapper" style={{ width: '35%' }}>
                     <div className="calendar__navigator_icon" style={{ transform: 'rotate(180deg)' }}>
                         {hidden.left ? '' : (
                             <span onClick={onClick.left}>

src/react-chayns-gridcalendar/component/content/User.jsx

@@ -39,7 +39,7 @@ export default class User extends PureComponent {
             <div className="calendar__content_userEntries">
                 {entries.map((e, i) => (
                     <Week
-                        data={entries}
+                        data={e}
                         groups={groups}
                         key={e[0].date.getTime() + i}
                         onClick={onClick}

src/react-chayns-gridcalendar/component/content/Week.jsx

@@ -31,11 +31,11 @@ export default class Week extends Component {
         const {
             onClick, focus, groupFocus, data,
         } = this.props;
-        const days = []; let
-            i = 0;
+        const days = [];
+        let i = 0;
         for (i; i < data.length; i += 1) {
             let background = '';
-            const day = data[i][0];
+            const day = data[i];
             let percentage;
             let start;
             let color = this.schemeColor;
@@ -70,7 +70,7 @@ export default class Week extends Component {
         const { weekWidth } = this.props;
         const days = this.renderDays();
         return (
-            <div className="week" style={{ width: `${weekWidth * 0.9}px`, marginRight: `${weekWidth * 0.1}px` }}>
+            <div className="week" style={{ width: `${weekWidth * 0.9}px`, marginLeft: `${weekWidth * 0.1}px` }}>
                 <div className="week_table">
                     <div className="week_row">
                         {days}