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';
{' '}
<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>
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,