diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8ce5fe99..c92a4aaa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ with the current date and the next changes should go under a **[Next]** header.
* Make improvements to staff message experience. ([@nwalters512](https://github.com/nwalters512) in [#194](https://github.com/illinois/queue/pull/194))
* Add markdown previews to the queue message editor. ([@shwavedefapp](https://github.com/shwavedefapp) in [#193](https://github.com/illinois/queue/pull/193))
* Add ability to cancel editing of the queue message. ([@shwavedefapp](https://github.com/shwavedefapp) in [#197](https://github.com/illinois/queue/pull/197))
+* Add parrot support to queue messages. ([@nwalters512](https://github.com/nwalters512) in [#201](https://github.com/illinois/queue/pull/201))
## 26 January 2019
diff --git a/src/components/ParrotText.js b/src/components/ParrotText.js
index a102d508..90cab6c9 100644
--- a/src/components/ParrotText.js
+++ b/src/components/ParrotText.js
@@ -20,7 +20,7 @@ const ParrotText = ({ text }) => {
src={parrots[c]}
alt={c}
key={`${c}_${i + 1}`}
- style={{ height: '1rem', marginTop: '-0.2rem' }}
+ style={{ height: '1em', marginTop: '-0.2em' }}
/>
)
})
diff --git a/src/components/QueueMessage.js b/src/components/QueueMessage.js
index 4f85409d..7d305f32 100644
--- a/src/components/QueueMessage.js
+++ b/src/components/QueueMessage.js
@@ -17,6 +17,7 @@ import {
TabPane,
} from 'reactstrap'
import ReactMarkdown from 'react-markdown'
+import ParrotText from './ParrotText'
class QueueMessage extends React.Component {
constructor(props) {
@@ -105,6 +106,11 @@ class QueueMessage extends React.Component {
}
}
+ // We use a custom renderer for text so that we can support parrots!
+ const renderers = {
+ text: props => ,
+ }
+
let content
let button
if (editing) {
@@ -162,6 +168,7 @@ class QueueMessage extends React.Component {
source={
editedMessage === '' ? 'Nothing to preview' : editedMessage
}
+ renderers={renderers}
/>
@@ -179,7 +186,7 @@ class QueueMessage extends React.Component {
>
)
} else {
- content =
+ content =
button = (