Up version & small fix

Author: Yadro

package.json

@@ -1,7 +1,7 @@
 {
   "name": "time-tracker",
   "productName": "TimeTracker",
-  "description": "Start and stop time, jump between tasks, and add details on how time was spent.",
+  "description": "Todo list with stopwatch on each task",
   "scripts": {
     "build": "concurrently \"yarn build:main\" \"yarn build:renderer\"",
     "build-dll": "cross-env NODE_ENV=development webpack --config ./.erb/configs/webpack.config.renderer.dev.dll.babel.js",

src/package.json

@@ -1,8 +1,8 @@
 {
   "name": "time-tracker",
   "productName": "TimeTracker",
-  "version": "1.0.9",
-  "description": "Start and stop time, jump between tasks, and add details on how time was spent.",
+  "version": "1.0.10",
+  "description": "Todo list with stopwatch on each task",
   "main": "./main.prod.js",
   "author": {
     "name": "Dmitry Yadrikhinsky",

src/screens/timeline/TimelineScreen.tsx

@@ -1,40 +1,37 @@
-import React, { FC, memo, useMemo } from 'react';
-import { Chart } from 'react-google-charts';
-import { createUseStyles } from 'react-jss';
+import React, {FC, memo, useMemo} from 'react';
+import {Chart} from 'react-google-charts';
+import {createUseStyles} from 'react-jss';
 
 import rootStore from '../../modules/RootStore';
-import { getTimeItems } from '../../helpers/TaskHelper';
+import {getTimeItems} from '../../helpers/TaskHelper';
 
-const { tasksStore } = rootStore;
+const {tasksStore} = rootStore;
 
 const columns = [
-  { type: 'string', id: 'Task' },
-  { type: 'date', id: 'Start' },
-  { type: 'date', id: 'End' },
+  {type: 'string', id: 'Task'},
+  {type: 'date', id: 'Start'},
+  {type: 'date', id: 'End'},
 ];
 
 const nowDate = new Date();
 
 const Timeline: FC = () => {
   const classes = useStyles();
 
-  const tasks = useMemo(() => tasksStore.getTasksByDate(nowDate), []);
-  const filteredTimeItems = useMemo(() => getTimeItems(tasks, nowDate), [
-    tasks,
-  ]);
-
   const data = useMemo(() => {
-    const items = filteredTimeItems.map(({ task, time }) => [
-      task.title,
-      time.start,
+    const tasks = tasksStore.getTasksByDate(nowDate);
+    const filteredTimeItems = getTimeItems(tasks, nowDate);
+    const items = filteredTimeItems.map(({task, time}) => [
+      task.title || '-',
+      time.start || new Date(),
       time.end || new Date(),
     ]);
     return [columns, ...items];
-  }, [filteredTimeItems]);
+  }, []);
 
   return (
     <div className={classes.main}>
-      <Chart chartType="Timeline" data={data} height="100%" />;
+      <Chart style={{flex: 1}} chartType="Timeline" data={data} height='100%'/>
     </div>
   );
 };
@@ -44,5 +41,7 @@ export default memo(Timeline);
 const useStyles = createUseStyles({
   main: {
     padding: 10,
+    display: 'flex',
+    height: '100%',
   },
 });

yarn.lock

@@ -9998,7 +9998,7 @@ react-dom@^17.0.1:
     object-assign "^4.1.1"
     scheduler "^0.20.1"
 
-react-google-charts@^4.0.0:
+react-google-charts@4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/react-google-charts/-/react-google-charts-4.0.0.tgz#f648e4fe8ac8a1f47542c2cac040df6afb21e2d6"
   integrity sha512-9OG0EkBb9JerKEPQYdhmAXnhGLzOdOHOPS9j7l+P1a3z1kcmq9mGDa7PUoX/VQUY4IjZl2/81nsO4o+1cuYsuw==