diff --git a/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/poll/component.jsx b/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/poll/component.jsx
index a05ddfb9ee..c9da2f1e72 100644
--- a/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/poll/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/poll/component.jsx
@@ -1,7 +1,8 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import PollService from '/imports/ui/components/poll/service';
-import { injectIntl } from 'react-intl';
+import { injectIntl, intlShape } from 'react-intl';
+import styles from './styles';
class PollDrawComponent extends Component {
constructor(props) {
@@ -96,6 +97,28 @@ class PollDrawComponent extends Component {
for (let i = 0; i < arrayLength; i += 1) {
const _tempArray = [];
const _result = result[i];
+ let isDefaultPoll;
+ switch (_result.key.toLowerCase()) {
+ case 'true':
+ case 'false':
+ case 'yes':
+ case 'no':
+ case 'a':
+ case 'b':
+ case 'c':
+ case 'd':
+ case 'e':
+ isDefaultPoll = true;
+ break;
+ default:
+ isDefaultPoll = false;
+ break;
+ }
+
+ if (isDefaultPoll) {
+ _result.key = intl.formatMessage({ id: `app.poll.answer.${_result.key.toLowerCase()}` });
+ }
+
_tempArray.push(_result.key, `${_result.numVotes}`);
if (votesTotal === 0) {
_tempArray.push('0%');
@@ -431,6 +454,7 @@ class PollDrawComponent extends Component {
y={line.keyColumn.yLeft}
dy={maxLineHeight / 2}
key={`${line.key}_key`}
+ className={styles.outline}
>
{line.keyColumn.keyString}
@@ -462,6 +486,7 @@ class PollDrawComponent extends Component {
y={line.percentColumn.yRight}
dy={maxLineHeight / 2}
key={`${line.key}_percent`}
+ className={styles.outline}
>
{line.percentColumn.percentString}
@@ -482,6 +507,7 @@ class PollDrawComponent extends Component {
dy={maxLineHeight / 2}
key={`${line.key}_numVotes`}
fill={line.barColumn.color}
+ className={styles.outline}
>
{line.barColumn.numVotes}
@@ -578,6 +604,7 @@ class PollDrawComponent extends Component {
export default injectIntl(PollDrawComponent);
PollDrawComponent.propTypes = {
+ intl: intlShape.isRequired,
// Defines an annotation object, which contains all the basic info we need to draw a line
annotation: PropTypes.shape({
id: PropTypes.string.isRequired,
diff --git a/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/poll/styles.scss b/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/poll/styles.scss
new file mode 100644
index 0000000000..dda7863fd0
--- /dev/null
+++ b/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/poll/styles.scss
@@ -0,0 +1,10 @@
+@import "/imports/ui/stylesheets/variables/_all";
+
+:root {
+ --poll-annotation-gray: #333333;
+}
+
+.outline {
+ stroke: var(--poll-annotation-gray);
+ stroke-width: .5;
+}
\ No newline at end of file