From c9c04745bc854d1059a983e8b67a31a93bcf1884 Mon Sep 17 00:00:00 2001
From: DD <liudi08@gmail.com>
Date: Thu, 12 Apr 2018 14:23:19 -0400
Subject: [PATCH] Hide stroke indicators in bitmap mode

---
 src/components/paint-editor/paint-editor.jsx | 78 +++++++++++++-------
 1 file changed, 50 insertions(+), 28 deletions(-)

diff --git a/src/components/paint-editor/paint-editor.jsx b/src/components/paint-editor/paint-editor.jsx
index d84a4c40..5504d6aa 100644
--- a/src/components/paint-editor/paint-editor.jsx
+++ b/src/components/paint-editor/paint-editor.jsx
@@ -310,34 +310,56 @@ const PaintEditorComponent = props => {
                     </div>
 
                     {/* Second Row */}
-                    <div className={styles.row}>
-                        <InputGroup
-                            className={classNames(
-                                styles.row,
-                                styles.modDashedBorder,
-                                styles.modLabeledIconHeight
-                            )}
-                        >
-                            {/* fill */}
-                            <FillColorIndicatorComponent
-                                className={styles.modMarginRight}
-                                onUpdateSvg={props.onUpdateSvg}
-                            />
-                            {/* stroke */}
-                            <StrokeColorIndicatorComponent
-                                onUpdateSvg={props.onUpdateSvg}
-                            />
-                            {/* stroke width */}
-                            <StrokeWidthIndicatorComponent
-                                onUpdateSvg={props.onUpdateSvg}
-                            />
-                        </InputGroup>
-                        <InputGroup className={styles.modModeTools}>
-                            <ModeToolsContainer
-                                onUpdateSvg={props.onUpdateSvg}
-                            />
-                        </InputGroup>
-                    </div>
+                    {isVector(props.format) ?
+                        <div className={styles.row}>
+                            <InputGroup
+                                className={classNames(
+                                    styles.row,
+                                    styles.modDashedBorder,
+                                    styles.modLabeledIconHeight
+                                )}
+                            >
+                                {/* fill */}
+                                <FillColorIndicatorComponent
+                                    className={styles.modMarginRight}
+                                    onUpdateSvg={props.onUpdateSvg}
+                                />
+                                {/* stroke */}
+                                <StrokeColorIndicatorComponent
+                                    onUpdateSvg={props.onUpdateSvg}
+                                />
+                                {/* stroke width */}
+                                <StrokeWidthIndicatorComponent
+                                    onUpdateSvg={props.onUpdateSvg}
+                                />
+                            </InputGroup>
+                            <InputGroup className={styles.modModeTools}>
+                                <ModeToolsContainer
+                                    onUpdateSvg={props.onUpdateSvg}
+                                />
+                            </InputGroup>
+                        </div> :
+                        <div className={styles.row}>
+                            <InputGroup
+                                className={classNames(
+                                    styles.row,
+                                    styles.modDashedBorder,
+                                    styles.modLabeledIconHeight
+                                )}
+                            >
+                                {/* fill */}
+                                <FillColorIndicatorComponent
+                                    className={styles.modMarginRight}
+                                    onUpdateSvg={props.onUpdateSvg}
+                                />
+                            </InputGroup>
+                            <InputGroup className={styles.modModeTools}>
+                                <ModeToolsContainer
+                                    onUpdateSvg={props.onUpdateSvg}
+                                />
+                            </InputGroup>
+                        </div>
+                    }
                 </div>
             ) : null}