add creator 2nd step & onKeyPress helpermain

1 files changed, 19 insertions, 3 deletions

diff --git a/client/src/admin/jsx/MainScreen.jsx b/client/src/admin/jsx/MainScreen.jsx
index ea2def5..8808dc5 100644
--- a/client/src/admin/jsx/MainScreen.jsx
+++ b/client/src/admin/jsx/MainScreen.jsx
@@ -1,5 +1,6 @@
 import React, { Fragment } from 'react';
 import { WithHover, t, goTo } from '../hocs';
+import { onKeyPress } from '../helpers'
 
 const MainScreen = ({ projects }) => (
   <div className="main-screen">
@@ -7,16 +8,31 @@ const MainScreen = ({ projects }) => (
     <div className="main-screen__list">
       { !projects.length && (
         <WithHover message="edit-current-project-hover">
-          <p className="main-screen__item">{ t('edit-current-project') }</p>
+          <p
+            className="main-screen__item"
+            tabIndex="0"
+          >
+            { t('edit-current-project') }
+          </p>
         </WithHover>
       )}
       { !projects.length && (
         <WithHover message="show-saved-projects-hover">
-          <p className="main-screen__item">{ t('show-saved-projects') }</p>
+          <p
+            className="main-screen__item"
+            tabIndex="0"
+          >
+            { t('show-saved-projects') }
+          </p>
         </WithHover>
       )}
       <WithHover message="create-new-project-hover">
-        <p className="main-screen__item" onClick={ goTo('creator') }>
+        <p
+          className="main-screen__item"
+          onClick={ goTo('creator') }
+          onKeyPress={onKeyPress}
+          tabIndex="0"
+        >
           { t('create-new-project') }
         </p>
       </WithHover>