WIP

Author: Yadro

src/screens/hours/HoursScreen.tsx

@@ -1,7 +1,8 @@
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { Layout, Space } from 'antd';
 import { observer } from 'mobx-react';
 import { createUseStyles } from 'react-jss';
+import { isToday } from 'date-fns';
 
 import rootStore from '../../modules/RootStore';
 import { getTimeItems } from '../../helpers/TaskHelper';
@@ -12,19 +13,26 @@ import TimelineScreen from './components/TimelineScreen';
 import { HoursTabView } from './types';
 import useLocalStorage from '../../hooks/useLocalStorage';
 import { LOCAL_STORAGE_KEY } from '../../consts';
+import BackOnToday from './components/BackOnToday';
 
 const { tasksStore } = rootStore;
 
 const parseDateFromString = (value: string) => new Date(value);
 
 export default observer(function HoursScreen() {
   const classes = useStyles();
+
   const [date, setDate] = useLocalStorage<Date>(
     LOCAL_STORAGE_KEY.HOURS_SELECTED_DATE,
     new Date(),
     true,
     parseDateFromString
   );
+
+  const goTodayDate = useCallback(() => {
+    setDate(new Date());
+  }, [setDate]);
+
   const [tab, setTab] = useLocalStorage<HoursTabView>(
     LOCAL_STORAGE_KEY.HOURS_TAB,
     HoursTabView.Edit,
@@ -42,7 +50,9 @@ export default observer(function HoursScreen() {
       <Space direction="vertical" className={classes.space}>
         <Header date={date} setDate={setDate} tab={tab} setTab={setTab} />
         <TotalHours timeItems={timeItems} />
-        {tab === HoursTabView.Edit ? (
+        {!timeItems.length && !isToday(date) ? (
+          <BackOnToday goToday={goTodayDate} />
+        ) : tab === HoursTabView.Edit ? (
           <GridWithTimeItemsView date={date} />
         ) : (
           <TimelineScreen date={date} />

src/screens/hours/components/BackOnToday.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { Button } from 'antd';
+import { observer } from 'mobx-react';
+
+type Props = {
+  goToday(): void;
+};
+
+const BackOnToday: FC<Props> = ({ goToday }: Props) => {
+  return <Button onClick={goToday} title={'Go back'} />;
+};
+
+export default observer(BackOnToday);