X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fusers%2FProfile.js;h=e2fe2e790be5e3739a52da8e266d0212b8937ac8;hb=2ab05ab7927e8b21887ffa42d04eb9d4ff899382;hp=f38ba2f3d8830b8447a3ecbf5b9bfe8802f9446e;hpb=920f11ddfeb2175e4e1556886773dcd044c6085b;p=alttp.git

diff --git a/resources/js/components/users/Profile.js b/resources/js/components/users/Profile.js
index f38ba2f..e2fe2e7 100644
--- a/resources/js/components/users/Profile.js
+++ b/resources/js/components/users/Profile.js
@@ -4,18 +4,20 @@ import { Button, Col, Container, Row } from 'react-bootstrap';
 import { withTranslation } from 'react-i18next';
 
 import Box from './Box';
+import Records from './Records';
 import EditStreamLinkButton from './EditStreamLinkButton';
+import Participation from './Participation';
 import Icon from '../common/Icon';
 import i18n from '../../i18n';
 
 const Profile = ({ user }) => <Container>
 	<h1>{user.username}</h1>
 	<Row>
-		<Col md={6}>
+		<Col md={6} className="mb-5">
 			<h2>{i18n.t('users.discordTag')}</h2>
 			<Box discriminator user={user} />
 		</Col>
-		<Col md={6}>
+		<Col md={6} className="mb-5">
 			<h2>{i18n.t('users.streamLink')}</h2>
 			<p>
 				{user.stream_link ?
@@ -35,12 +37,40 @@ const Profile = ({ user }) => <Container>
 				<EditStreamLinkButton user={user} />
 			</p>
 		</Col>
+		<Col md={6} className="mb-5">
+			<h2>{i18n.t('users.tournamentRecords')}</h2>
+			<Records
+				first={user.tournament_first_count}
+				second={user.tournament_second_count}
+				third={user.tournament_third_count}
+			/>
+		</Col>
+		<Col md={6} className="mb-5">
+			<h2>{i18n.t('users.roundRecords')}</h2>
+			<Records
+				first={user.round_first_count}
+				second={user.round_second_count}
+				third={user.round_third_count}
+			/>
+		</Col>
+		<Col md={12} className="mb-5">
+			<h2>{i18n.t('users.tournaments')}</h2>
+			<Participation user={user} />
+		</Col>
 	</Row>
 </Container>;
 
 Profile.propTypes = {
 	user: PropTypes.shape({
+		participation: PropTypes.arrayOf(PropTypes.shape({
+		})),
+		round_first_count: PropTypes.number,
+		round_second_count: PropTypes.number,
+		round_third_count: PropTypes.number,
 		stream_link: PropTypes.string,
+		tournament_first_count: PropTypes.number,
+		tournament_second_count: PropTypes.number,
+		tournament_third_count: PropTypes.number,
 		username: PropTypes.string,
 	}),
 };