diff options
author | 2020-11-18 23:15:38 +0100 | |
---|---|---|
committer | 2020-11-18 23:15:38 +0100 | |
commit | 1870f3fdf43707a15fda0f609a021f516f45eb63 (patch) | |
tree | fbaf527a47cd89a171df18da4b41e8ce34668555 /client/src/common/jsx | |
parent | e06ec920f7a5d784e674c4c4b4e6d1da3dc7391d (diff) | |
download | website_creator-1870f3fdf43707a15fda0f609a021f516f45eb63.tar.gz website_creator-1870f3fdf43707a15fda0f609a021f516f45eb63.tar.bz2 website_creator-1870f3fdf43707a15fda0f609a021f516f45eb63.zip |
finish auth routes, create cookie token, fix folder structure, add context to FE
Diffstat (limited to 'client/src/common/jsx')
-rw-r--r-- | client/src/common/jsx/Info.jsx | 9 | ||||
-rw-r--r-- | client/src/common/jsx/LangSwitch.jsx | 43 | ||||
-rw-r--r-- | client/src/common/jsx/TopBar.jsx | 38 | ||||
-rw-r--r-- | client/src/common/jsx/User.jsx | 38 | ||||
-rw-r--r-- | client/src/common/jsx/WithHover.jsx | 13 |
5 files changed, 0 insertions, 141 deletions
diff --git a/client/src/common/jsx/Info.jsx b/client/src/common/jsx/Info.jsx deleted file mode 100644 index 00d04b3..0000000 --- a/client/src/common/jsx/Info.jsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; - -const Info = ({info, hover, t}) => ( - <p className="info"> - { hover ? t(hover) : t(info) } - </p> -); - -export default Info; diff --git a/client/src/common/jsx/LangSwitch.jsx b/client/src/common/jsx/LangSwitch.jsx deleted file mode 100644 index eba1b27..0000000 --- a/client/src/common/jsx/LangSwitch.jsx +++ /dev/null @@ -1,43 +0,0 @@ -import React from 'react'; -import WithHover from './WithHover.jsx'; -import texts from '../data/texts.js'; - -const LangSwitch = ({ lang, setLang, setHover, opened, setOpened}) => { - - const handleSetLang = (key) => { - setLang(key); - setOpened(false); - }; - - return ( - <div className="lang-switch"> - <WithHover setHover={setHover} message="click-to-change-language"> - <span - className={`lang-switch__main-item${opened === 'lang' ? ' lang-switch__main-item--active' : ''}`} - onClick={() => setOpened(opened !== 'lang' ? 'lang' : false)} - > - {lang} - </span> - { - opened === 'lang' && ( - <div className="lang-switch__list"> - { - Object.keys(texts).map(key => key !== lang && ( - <span - className="lang-switch__item" - key={key} - onClick={() => handleSetLang(key)} - > - {key} - </span> - )) - } - </div> - ) - } - </WithHover> - </div> - ); -}; - -export default LangSwitch; diff --git a/client/src/common/jsx/TopBar.jsx b/client/src/common/jsx/TopBar.jsx deleted file mode 100644 index 6e5ad6a..0000000 --- a/client/src/common/jsx/TopBar.jsx +++ /dev/null @@ -1,38 +0,0 @@ -import React, {useState} from 'react'; -import LangSwitch from './LangSwitch.jsx'; -import User from './User.jsx'; - -const TopBar = ({user, setUser, setHover, lang, setLang, t={t}}) => { - const [opened, setOpened] = useState(false); - - return ( - <div className="top-bar"> - { opened !== false && ( - <div - className="top-bar__fog" - onClick={() => setOpened(false)} - /> - )} - <LangSwitch - lang={lang} - setLang={setLang} - setHover={setHover} - opened={opened} - setOpened={setOpened} - /> - { user && ( - <User - user={user} - setUser={setUser} - setHover={setHover} - t={t} - opened={opened} - setOpened={setOpened} - /> - ) - } - </div> - ); -}; - -export default TopBar; diff --git a/client/src/common/jsx/User.jsx b/client/src/common/jsx/User.jsx deleted file mode 100644 index 8b05d44..0000000 --- a/client/src/common/jsx/User.jsx +++ /dev/null @@ -1,38 +0,0 @@ -import React from 'react'; -import WithHover from './WithHover.jsx'; - -const User = ({user, setUser, setHover, t, opened, setOpened}) => { - const handleLogout = () => { - setOpened(false); - setUser(null); - }; - const handleChangePass = () => { setOpened(false) }; - const handleRemoveUser = () => { setOpened(false) }; - - return ( - <div className="user"> - <WithHover setHover={setHover} message="click-to-change-user"> - <span - className={`user__main-item${opened === 'user' ? ' user__main-item--active' : ''}`} - onClick={() => setOpened(opened !== 'user' ? 'user' : false)} - > - {user} - </span> - { - opened === 'user' && ( - <div className="user__list" > - <WithHover setHover={setHover} message="click-to-logout"> - <span className="user__item" onClick={handleLogout}>{t('logout')}</span> - </WithHover> - <WithHover setHover={setHover} message="click-to-change-user-settings"> - <span className="user__item" onClick={handleChangePass}>{t('user-settings')}</span> - </WithHover> - </div> - ) - } - </WithHover> - </div> - ); -}; - -export default User; diff --git a/client/src/common/jsx/WithHover.jsx b/client/src/common/jsx/WithHover.jsx deleted file mode 100644 index bb1a7f4..0000000 --- a/client/src/common/jsx/WithHover.jsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; - -const WithHover = ({ children, setHover, message, classes }) => ( - <div - onMouseEnter={()=>setHover(message)} - onMouseLeave={()=>setHover(null)} - className={classes} - > - {children} - </div> -); - -export default WithHover; |