From fc616d17533de12c90de06c2f65a3ac926e18037 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Curcio?= <curciobelen@gmail.com>
Date: Wed, 11 Jul 2018 16:14:36 -0300
Subject: [PATCH] wip

---
 .../stream/components/PermalinkPopover.tsx    | 38 ++++++++++---------
 .../client/ui/components/Popover/Popover.tsx  | 36 +++++++++---------
 2 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/core/client/stream/components/PermalinkPopover.tsx b/src/core/client/stream/components/PermalinkPopover.tsx
index eaa3368fd..282030d20 100644
--- a/src/core/client/stream/components/PermalinkPopover.tsx
+++ b/src/core/client/stream/components/PermalinkPopover.tsx
@@ -45,24 +45,28 @@ class PermalinkPopover extends React.Component<InnerProps> {
     const { copied, showBody } = this.state;
     return (
       <Popover
-        showBody={showBody}
         body={
-          <div className={styles.root}>
-            <TextField defaultValue={commentId} className={styles.textField} />
-            <CopyToClipboard text={commentId} onCopy={this.onCopy}>
-              <Button primary>
-                {copied ? (
-                  <L id="copied">
-                    <span>Copied!</span>
-                  </L>
-                ) : (
-                  <L id="copy">
-                    <span>Copy</span>
-                  </L>
-                )}
-              </Button>
-            </CopyToClipboard>
-          </div>
+          showBody ? (
+            <div className={styles.root}>
+              <TextField
+                defaultValue={commentId}
+                className={styles.textField}
+              />
+              <CopyToClipboard text={commentId} onCopy={this.onCopy}>
+                <Button primary>
+                  {copied ? (
+                    <L id="copied">
+                      <span>Copied!</span>
+                    </L>
+                  ) : (
+                    <L id="copy">
+                      <span>Copy</span>
+                    </L>
+                  )}
+                </Button>
+              </CopyToClipboard>
+            </div>
+          ) : null
         }
       >
         <button className={styles.shareButton} onClick={this.onClick}>
diff --git a/src/core/client/ui/components/Popover/Popover.tsx b/src/core/client/ui/components/Popover/Popover.tsx
index 84be78c8f..eec4cf5d8 100644
--- a/src/core/client/ui/components/Popover/Popover.tsx
+++ b/src/core/client/ui/components/Popover/Popover.tsx
@@ -3,9 +3,8 @@ import { Manager, Popper, Reference } from "react-popper";
 import * as styles from "./Popover.css";
 
 interface InnerProps {
-  body: React.ReactElement<any>;
+  body: React.ReactElement<any> | null;
   children: React.ReactElement<any>;
-  showBody: boolean;
   placement?:
     | "auto-start"
     | "auto"
@@ -26,28 +25,27 @@ interface InnerProps {
 
 class Popover extends React.Component<InnerProps> {
   public render() {
-    const { children, body, placement = "top", showBody = true } = this.props;
+    const { children, body, placement = "top" } = this.props;
     return (
       <Manager>
         <Reference>
           {({ ref }) => React.cloneElement(children, { ref })}
         </Reference>
-        {showBody && (
-          <Popper
-            placement={placement}
-            modifiers={{ preventOverflow: { enabled: false } }}
-            eventsEnabled
-            positionFixed={false}
-          >
-            {({ ref, style }) =>
-              React.cloneElement(body, {
-                ref,
-                style,
-                className: styles.root,
-              })
-            }
-          </Popper>
-        )}
+
+        <Popper
+          placement={placement}
+          modifiers={{ preventOverflow: { enabled: false } }}
+          eventsEnabled
+          positionFixed={false}
+        >
+          {({ ref, style }) =>
+            React.cloneElement(body, {
+              ref,
+              style,
+              className: styles.root,
+            })
+          }
+        </Popper>
       </Manager>
     );
   }