From 9ff387cced544b4dc172a604484eab2b8bea56fd Mon Sep 17 00:00:00 2001 From: Felix Hamme Date: Thu, 6 Jun 2019 14:39:39 +0200 Subject: [PATCH] Create a profile page that displays the username and e-mail --- pages/profile.js | 54 ++++++++++++++++++++++++++++++++++++++++++ static/css/profile.css | 3 +++ 2 files changed, 57 insertions(+) create mode 100644 pages/profile.js create mode 100644 static/css/profile.css diff --git a/pages/profile.js b/pages/profile.js new file mode 100644 index 0000000..ac6b6ff --- /dev/null +++ b/pages/profile.js @@ -0,0 +1,54 @@ +import Head from 'next/head'; +import React from 'react'; +import {Container, Table} from 'reactstrap'; + +import {TurniereNavigation} from '../js/components/Navigation'; +import {BigImage} from '../js/components/BigImage'; +import {Footer} from '../js/components/Footer'; + +import 'bootstrap/dist/css/bootstrap.min.css'; + +import '../static/css/everypage.css'; +import '../static/css/profile.css'; +import {connect} from 'react-redux'; + +function Main() { + return (
+ + + +
); +} + +export default class ProfilePage extends React.Component { + render() { + return (
+ + Profil: turnie.re + + + +
+
+
); + } +} + +const UserData = connect(state => { + return {email: state.userinfo.uid, name: state.userinfo.username}; +})(UserDataTable); + +function UserDataTable(props) { + return ( + + + + + + + + + + +
Name{props.name}
E-Mail-Adresse{props.email}
); +} diff --git a/static/css/profile.css b/static/css/profile.css new file mode 100644 index 0000000..396dd13 --- /dev/null +++ b/static/css/profile.css @@ -0,0 +1,3 @@ +.w-small { + min-width: 10em; +}