diff --git a/src/Components/UserPageComponents/UserInfo.js b/src/Components/UserPageComponents/UserInfo.js index 8c776a95eef3a345b8407007c453c6c2a995ddf5..32985ffb962d20791c3ac1270e074d3c0171eec0 100644 --- a/src/Components/UserPageComponents/UserInfo.js +++ b/src/Components/UserPageComponents/UserInfo.js @@ -15,22 +15,31 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext} from 'react'; -import { Store } from '../../Store.js'; -import {UserProfileInfoDiv} from '../TabPanels/StyledComponents.js' +import React, { useContext } from "react"; +import { Store } from "../../Store.js"; +import { UserProfileInfoDiv } from "../TabPanels/StyledComponents.js"; -export default function UserInfo (props) { - const {state} = useContext(Store) +export default function UserInfo(props) { + const { state } = useContext(Store); - const user = state.currentUser.name - const education = state.currentUser.education + const user = state.currentUser.name; + const education = state.currentUser.education; return ( <UserProfileInfoDiv> - <p style={{fontSize:"28px", color:"#fff", paddingTop:"5px", paddingBottom:"5px", fontWeight:"500", backgroundColor:"#77777796", borderRadius : "5px"}}>{user}</p> - <div style={{fontSize:"14px", color:"#fff", marginBottom:"2px"}}> - <p>{education}</p> - </div> + <p + style={{ + fontSize: "28px", + color: "#fff", + paddingTop: "5px", + paddingBottom: "5px", + fontWeight: "500", + backgroundColor: "#77777796", + borderRadius: "5px", + }} + > + {user} + </p> </UserProfileInfoDiv> - ) + ); }