diff --git a/client/components/NavBasic.jsx b/client/components/NavBasic.jsx new file mode 100644 index 00000000..1cb89b71 --- /dev/null +++ b/client/components/NavBasic.jsx @@ -0,0 +1,23 @@ +import React from 'react'; +import InlineSVG from 'react-inlinesvg'; + +const logoUrl = require('../images/p5js-logo-small.svg'); + +class NavBasic extends React.PureComponent { + + render() { + return ( + { this.node = node; }}> + + + + + + + ); + } +} + +NavBasic.propTypes = {}; + +export default NavBasic; diff --git a/client/modules/User/pages/AccountView.jsx b/client/modules/User/pages/AccountView.jsx index dbd6073c..e2ce9c90 100644 --- a/client/modules/User/pages/AccountView.jsx +++ b/client/modules/User/pages/AccountView.jsx @@ -12,9 +12,9 @@ import AccountForm from '../components/AccountForm'; import { validateSettings } from '../../../utils/reduxFormUtils'; import GithubButton from '../components/GithubButton'; import APIKeyForm from '../components/APIKeyForm'; +import NavBasic from '../../../components/NavBasic'; const exitUrl = require('../../../images/exit.svg'); -const logoUrl = require('../../../images/p5js-logo.svg'); class AccountView extends React.Component { constructor(props) { @@ -24,7 +24,7 @@ class AccountView extends React.Component { } componentDidMount() { - document.body.className = 'light'; + document.body.className = this.props.theme; } closeAccountPage() { @@ -37,43 +37,43 @@ class AccountView extends React.Component { render() { return ( - + p5.js Web Editor | Account - - - - - - - - - - My Account - - - - Account - Access Tokens - - - - - + + + + + + + My Account + + + + + + + + Account + Access Tokens + + + + Social Login - + Link this account with your GitHub account to allow login from both. - - - - - - - - + + + + + + + + ); } } diff --git a/client/styles/components/_account.scss b/client/styles/components/_account.scss index 44d8939d..8a6cb4fc 100644 --- a/client/styles/components/_account.scss +++ b/client/styles/components/_account.scss @@ -2,6 +2,6 @@ padding-top: #{20 / $base-font-size}rem; } -.account__social__context { +.account__social-text { padding-bottom: #{15 / $base-font-size}rem; }
+
Link this account with your GitHub account to allow login from both.