Changed hide doodle button icon (#20)

nateirwin25 · web-flow · commit 1361ad035d74 · 2021-06-03T08:14:31.000-07:00
diff --git a/src/annotator/components/toolbar.js b/src/annotator/components/toolbar.js
@@ -186,7 +186,7 @@ export default function Toolbar({
             />
             <ToolbarButton
               label="Show Doodles"
-              icon={showDoodles ? 'show' : 'hide'}
+              icon={showDoodles ? 'showDoodle' : 'hideDoodle'}
               selected={showDoodles}
               onClick={toggleDoodles}
             />
diff --git a/src/annotator/icons.js b/src/annotator/icons.js
@@ -30,4 +30,6 @@ export default {
   'green-icon': require('../images/icons/green.svg'),
   'color-icon': require('../images/icons/palette.svg'),
   'sizes-icon': require('../images/icons/sizes.svg'),
+  showDoodle: require('../images/icons/showDoodle.svg'),
+  hideDoodle: require('../images/icons/hideDoodle.svg'),
 };
diff --git a/src/images/icons/hideDoodle.svg b/src/images/icons/hideDoodle.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
+	.st2{fill:none;stroke:#000000;stroke-miterlimit:10;}
+	.st3{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+</style>
+<g>
+	<rect x="0.4" y="-0.9" class="st0" width="11.9" height="12.2"/>
+	<path class="st1" d="M6.3,9c2.9,0,5.2-1.7,5.2-3.8S9.2,1.4,6.3,1.4S1.1,3.1,1.1,5.2S3.5,9,6.3,9z M6.3,6C6.7,6,7,5.7,7,5.2
+		c0-0.4-0.3-0.8-0.7-0.8c-0.4,0-0.7,0.3-0.7,0.8C5.6,5.6,5.9,6,6.3,6z"/>
+</g>
+<path class="st2" d="M15.3,15"/>
+<path class="st2" d="M5.4,14.7c-0.1-1.4,0-2.8,0.6-3.1c1.2-0.6,3.6,3,4.6,2.4c0.8-0.5-0.3-3.1,0.8-3.9c0.9-0.7,2.3,0.6,3-0.1
+	c0.6-0.6,0.3-2,0-3.7c-0.3-1.4-0.7-2.5-1-3.2"/>
+<path class="st3" d="M2.4,3C2,3.5,1.3,4.3,1.3,5.2c0.1,1.7,2.9,2.7,4.6,2.9c0.5,0.1,3.9,0.3,4.7-1.6c0.6-1.5-0.7-3.4-2-4.2
+	C6.8,1.2,4.3,1.5,2.4,3z"/>
+</svg>
diff --git a/src/images/icons/showDoodle.svg b/src/images/icons/showDoodle.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
+	.st2{fill:none;stroke:#000000;stroke-miterlimit:10;}
+</style>
+<g>
+	<rect x="0.4" y="-0.9" class="st0" width="11.9" height="12.2"/>
+	<path class="st1" d="M6.3,9c2.9,0,5.2-1.7,5.2-3.8S9.2,1.4,6.3,1.4S1.1,3.1,1.1,5.2S3.5,9,6.3,9z M6.3,6C6.7,6,7,5.7,7,5.2
+		c0-0.4-0.3-0.8-0.7-0.8c-0.4,0-0.7,0.3-0.7,0.8C5.6,5.6,5.9,6,6.3,6z"/>
+</g>
+<path class="st2" d="M15.3,15"/>
+<path class="st2" d="M5.4,14.7c-0.1-1.4,0-2.8,0.6-3.1c1.2-0.6,3.6,3,4.6,2.4c0.8-0.5-0.3-3.1,0.8-3.9c0.9-0.7,2.3,0.6,3-0.1
+	c0.6-0.6,0.3-2,0-3.7c-0.3-1.4-0.7-2.5-1-3.2"/>
+</svg>
