From f5ac8470bbab94f4d0818e3162810891b6e8e7e0 Mon Sep 17 00:00:00 2001
From: hiroshisuga <45039819+hiroshisuga@users.noreply.github.com>
Date: Wed, 28 Oct 2020 14:38:44 +0900
Subject: [PATCH] Update component.jsx

---
 .../components/whiteboard/annotations/rectangle/component.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/rectangle/component.jsx b/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/rectangle/component.jsx
index 364f0cb47a..61f8aabd92 100644
--- a/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/rectangle/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/whiteboard/annotations/rectangle/component.jsx
@@ -47,6 +47,7 @@ export default class RectangleDrawComponent extends Component {
   render() {
     const results = this.getCoordinates();
     const { annotation, slideWidth } = this.props;
+    const { fill } = annotation;
 
     return (
       <rect
@@ -54,7 +55,7 @@ export default class RectangleDrawComponent extends Component {
         y={results.y}
         width={results.width}
         height={results.height}
-        fill="none"
+        fill={ fill ? getFormattedColor(annotation.color) : "none" }
         stroke={getFormattedColor(annotation.color)}
         strokeWidth={getStrokeWidth(annotation.thickness, slideWidth)}
         style={{ WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)' }}
@@ -71,6 +72,7 @@ RectangleDrawComponent.propTypes = {
     points: PropTypes.arrayOf(PropTypes.number).isRequired,
     color: PropTypes.number.isRequired,
     thickness: PropTypes.number.isRequired,
+    fill: PropTypes.bool.isRequired,
   }).isRequired,
   // Defines the width of the slide (svg coordinate system), which needed in calculations
   slideWidth: PropTypes.number.isRequired,