Merge remote-tracking branch 'origin/master' into feat/-focus-mode-(#110

)

README.md

@@ -1,3 +1,3 @@
-Flow TODO is a unimportant tasks organizer.
+Flow TODO is an app for procrastinators.
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

src/components/ui/Sidebar.tsx

@@ -52,10 +52,13 @@ const StyledListText = withStyles({
   },
 })(ListItemText);
 
-const Sidebar: React.FC<{
+function Sidebar({
+  isLoggedIn,
+  isOpen,
+}: {
   isOpen: boolean;
   isLoggedIn: boolean;
-}> = ({ isLoggedIn, isOpen }) => {
+}) {
   const cx = useStyles();
   const history = useHistory();
   const t = useTypedTranslate();
@@ -141,6 +144,12 @@ const Sidebar: React.FC<{
             <StyledListText primary={t('feedback')} />
           </ListItem>
         </MailTo>
+        <ListItem button onClick={redirectAndCloseSidebar('/focus')}>
+          <ListItemIcon>
+            <FocusIcon />
+          </ListItemIcon>
+          <StyledListText primary={sidebarTranslator('focus_mode')} />
+        </ListItem>
         <ListItem button onClick={logoutOrRedirect}>
           <ListItemIcon>
             {isLoggedIn ? <AccountBoxIcon /> : <ExitIcon />}
@@ -152,6 +161,6 @@ const Sidebar: React.FC<{
       </List>
     </Drawer>
   );
-};
+}
 
 export default memo(Sidebar);

src/locales/en.js

@@ -125,6 +125,6 @@ export default {
     pick_or_create_a_task : "Pick or create a task"
   },
   sidebar: {
-    focus_mode: 'Focus Mode',
+    focus_mode: 'Focus Mode (WIP)',
   }
 };

src/locales/ru.js

@@ -128,6 +128,6 @@ export default {
     pick_or_create_a_task : "Выберите или создайте задачу",
   },
   sidebar: {
-    focus_mode: 'Режим Фокусировки',
+    focus_mode: 'Режим Фокусировки (не доделано)',
   }
 };