make clipboard button optional for textareaclipboard

brave · Dec 12, 2018 · 2b8e852 · 2b8e852
1 parent cc21ad1
commit 2b8e852
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/src/components/formControls/textareaClipboard/index.tsx b/src/components/formControls/textareaClipboard/index.tsx
@@ -93,17 +93,21 @@ export default class TextAreaClipboard extends React.PureComponent<Props, State>
         />
         <StyledFooter>
           {wordCountString} {this.wordCount}
-          <StyledCopyToClipboard>
-            <StyledText
-              visible={copiedStringVisible}
-              onAnimationEnd={this.onAnimationEnd}
-            >
-              {copiedString}
-            </StyledText>
-            <StyledClipboardButton onClick={this.onCopyToClipboard}>
-              <ClipboardIcon />
-            </StyledClipboardButton>
-          </StyledCopyToClipboard>
+          {
+            copiedString !== undefined
+            ? <StyledCopyToClipboard>
+                <StyledText
+                  visible={copiedStringVisible}
+                  onAnimationEnd={this.onAnimationEnd}
+                >
+                  {copiedString}
+                </StyledText>
+                <StyledClipboardButton onClick={this.onCopyToClipboard}>
+                  <ClipboardIcon />
+                </StyledClipboardButton>
+              </StyledCopyToClipboard>
+            : null
+          }
         </StyledFooter>
       </StyledWrapper>
     )