X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fusers%2FProfile.js;h=b4c40605abbdb06e0027e966d9e00b89c7d53a22;hb=35d1ce20e64f3373d74816ed1bf9440b4213fa1a;hp=a8a4e95143d40891dc631835249403d6621644b8;hpb=f295d5ffc60a5f73bd4dd89c0ecc69aecaac9d8a;p=alttp.git

diff --git a/resources/js/components/users/Profile.js b/resources/js/components/users/Profile.js
index a8a4e95..b4c4060 100644
--- a/resources/js/components/users/Profile.js
+++ b/resources/js/components/users/Profile.js
@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Button, Col, Container, Row } from 'react-bootstrap';
+import { Alert, Button, Col, Container, Row } from 'react-bootstrap';
 import { withTranslation } from 'react-i18next';
 
 import Box from './Box';
@@ -17,6 +17,13 @@ const Profile = ({ user }) => <Container>
 		{' '}
 		<EditNicknameButton user={user} />
 	</h1>
+	{user.random_quote && user.random_quote.comment ?
+		<Alert className="quote-alert" variant="dark">
+			<blockquote className="blockquote mb-0">
+				{user.random_quote.comment}
+			</blockquote>
+		</Alert>
+	: null}
 	<Row>
 		<Col md={6} className="mb-5">
 			<h2>{i18n.t('users.discordTag')}</h2>
@@ -70,6 +77,9 @@ Profile.propTypes = {
 		nickname: PropTypes.string,
 		participation: PropTypes.arrayOf(PropTypes.shape({
 		})),
+		random_quote: PropTypes.shape({
+			comment: PropTypes.string,
+		}),
 		round_first_count: PropTypes.number,
 		round_second_count: PropTypes.number,
 		round_third_count: PropTypes.number,