diff --git a/twistter-frontend/src/components/layout/NavBar.js b/twistter-frontend/src/components/layout/NavBar.js index 38434b5..0c5971f 100644 --- a/twistter-frontend/src/components/layout/NavBar.js +++ b/twistter-frontend/src/components/layout/NavBar.js @@ -41,6 +41,9 @@ export class Navbar extends Component { + {authenticated && } {!authenticated && } @@ -50,9 +53,6 @@ export class Navbar extends Component { {authenticated && } - {authenticated && } ) diff --git a/twistter-frontend/src/pages/editProfile.js b/twistter-frontend/src/pages/editProfile.js index ff6f3f7..0a31271 100644 --- a/twistter-frontend/src/pages/editProfile.js +++ b/twistter-frontend/src/pages/editProfile.js @@ -6,6 +6,7 @@ import PropTypes from "prop-types"; // Material-UI stuff import Button from "@material-ui/core/Button"; +import { Link } from 'react-router-dom'; import CircularProgress from "@material-ui/core/CircularProgress"; import Grid from "@material-ui/core/Grid"; import TextField from "@material-ui/core/TextField"; @@ -220,12 +221,34 @@ export class edit extends Component { color="primary" className={classes.button} disabled={loading} + //component={ Link } + //to='/user' > Submit {loading && ( )} +
+ +
+ diff --git a/twistter-frontend/src/pages/user.js b/twistter-frontend/src/pages/user.js index 27a0c94..7633295 100644 --- a/twistter-frontend/src/pages/user.js +++ b/twistter-frontend/src/pages/user.js @@ -3,10 +3,12 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; import axios from 'axios'; //import '../App.css'; +import { Link } from 'react-router-dom'; import { makeStyles, styled } from '@material-ui/core/styles'; import Grid from '@material-ui/core/Grid'; import Card from '@material-ui/core/Card'; import Chip from '@material-ui/core/Chip'; +import Button from '@material-ui/core/Button'; import Typography from "@material-ui/core/Typography"; import AddCircle from '@material-ui/icons/AddCircle'; import TextField from '@material-ui/core/TextField'; @@ -14,6 +16,7 @@ import TextField from '@material-ui/core/TextField'; // component import Userline from '../Userline'; import noImage from '../images/no-img.png'; +import Writing_Microblogs from '../Writing_Microblogs'; const MyChip = styled(Chip)({ margin: 2, @@ -71,6 +74,7 @@ class user extends Component { } render() { const classes = this.props; + //const authenticated = this.props.user.authenticated; let profileMarkup = this.state.profile ? (

{this.state.profile} @@ -93,11 +97,8 @@ class user extends Component { ) : (); return ( - - -

Post

-
- + + {imageMarkup} {profileMarkup} {topicsMarkup} @@ -115,6 +116,15 @@ class user extends Component { clickable onClick={this.handleAddCircle} /> +
+ + {/*authenticated && */} +
+ + + + +

Post

);