-
Please Log In
-
+import { ToastProvider, useToasts } from 'react-toast-notifications';
+
+// const FormWithToasts = () => {
+// const { addToast } = useToasts();
+
+// const onSubmit = async value => {
+// // const { error } = await dataPersistenceLayer(value);
+
+// if (error) {
+// addToast(error.message, { appearance: 'error' });
+// } else {
+// addToast('Saved Successfully', { appearance: 'success' });
+// }
+// };
+
+// return
;
+// };
+// const { addToast } = useToasts();
+
+
+class About extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {username: '', password: ''};
+ this.handleUsernameChange = this.handleUsernameChange.bind(this);
+ this.handlePasswordChange = this.handlePasswordChange.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ }
+ handleUsernameChange(event) {
+ this.setState({username: event.target.value});
+ // addToast(error.message, { appearance: 'error' });
+
+ }
+
+ handlePasswordChange(event) {
+ this.setState({password: event.target.value});
+ }
+
+
+ handleSubmit(event) {
+ event.preventDefault();
+ const requestOptions = {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ username: this.state.username,
+ password: this.state.password,
+ })
+ };
+ const apiUrl = 'http://127.0.0.1:42069/api/v1/login';
+ fetch(apiUrl, requestOptions)
+ .then((response) => response.json())
+ .then((data) => function() {
+
+
+
+
+
+
+ });
+ }
+
+ render() {
+ return (
+
- )
- }
\ No newline at end of file
+ );
+ }
+}
+
+export default About;
diff --git a/web/src/Components/Pages/Navigation.js b/web/src/Components/Pages/Navigation.js
index a1fafb42..c4ab9903 100644
--- a/web/src/Components/Pages/Navigation.js
+++ b/web/src/Components/Pages/Navigation.js
@@ -11,7 +11,10 @@ const menuItems = [
class Navigation extends Component {
constructor(props) {
super(props);
- this.state = { isLoggedIn: false };
+ // Yeah I know you might not hit home.. but I can't get the
+ // path based finder thing working on initial load :sweatsmile:
+ console.log(this.props.initLocation)
+ this.state = { isLoggedIn: false, active: "Home" };
}
toggleLogin() {
@@ -23,33 +26,32 @@ class Navigation extends Component {
}
render() {
- const activeStyle = { color: '#FFF' };
+ const activeStyle = { color: '#FFFFFF' };
const renderAuthButton = () => {
if (this.state.isLoggedIn) {
- return
Logout;
+ return
Logout;
} else {
- return
Login;
+ return
Login;
}
}
return (
- GoScrobble
+ GoScrobble
{menuItems.map(menuItem =>
-
- {menuItem}
-
- )}
-
- Home
- About
- {renderAuthButton()}
+
+ {menuItem}
+
+ )}
+ {renderAuthButton()}
);