diff options
| author |  Piotr Russ <mail@pruss.it>
| 2020-12-09 23:26:30 +0100 |
|---|---|---|
| committer | Piotr Russ <mail@pruss.it>
| 2020-12-09 23:26:30 +0100 |
| commit | 4a9cf28660ed3b7e02952d02035978d1d4ad3e7e (patch) | |
| tree | a707bcf5a44095fab89242ab8f0ae1cdc0c331cf /client/src/admin/jsx/MainScreen.jsx | |
| parent | 4d642e312ed728ad51c454d1e2a0b7bb350fc174 (diff) | |
| download | website_creator-main.tar.gz website_creator-main.tar.bz2 website_creator-main.zip | |
add creator 2nd step & onKeyPress helpermain
Diffstat (limited to 'client/src/admin/jsx/MainScreen.jsx')
| -rw-r--r-- | client/src/admin/jsx/MainScreen.jsx | 22 |
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> |