random comments on profile page

[alttp.git] / resources / js / components / users / Profile.js

diff --git a/resources/js/components/users/Profile.js b/resources/js/components/users/Profile.js
index a8a4e95143d40891dc631835249403d6621644b8..b4c40605abbdb06e0027e966d9e00b89c7d53a22 100644 (file)
--- 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,