From 49552e77720a31c3734095a0ac189bcdc2b8897b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Curcio?= <curciobelen@gmail.com>
Date: Thu, 19 Jul 2018 15:07:02 -0300
Subject: [PATCH] New Components

---
 .../components/Permalink/PermalinkPopover.tsx |  9 ++++++
 .../Permalink/PermalinkShareButton.tsx        | 30 +++++++++++++++++++
 .../stream/components/Permalink/Popover.tsx   |  9 ++++++
 .../components/Permalink/ToggleShow.tsx       |  0
 4 files changed, 48 insertions(+)
 create mode 100644 src/core/client/stream/components/Permalink/PermalinkPopover.tsx
 create mode 100644 src/core/client/stream/components/Permalink/PermalinkShareButton.tsx
 create mode 100644 src/core/client/stream/components/Permalink/Popover.tsx
 create mode 100644 src/core/client/stream/components/Permalink/ToggleShow.tsx

diff --git a/src/core/client/stream/components/Permalink/PermalinkPopover.tsx b/src/core/client/stream/components/Permalink/PermalinkPopover.tsx
new file mode 100644
index 000000000..53f535e3b
--- /dev/null
+++ b/src/core/client/stream/components/Permalink/PermalinkPopover.tsx
@@ -0,0 +1,9 @@
+import { Manager, Popper, Reference } from "react-popper";
+
+import Popover from "./Popover";
+
+const PermalinkPopover = ({ id, show, style }) => (
+  <Popover id={id} style={style}>
+    <Textfield /> Copy
+  </Popover>
+);
diff --git a/src/core/client/stream/components/Permalink/PermalinkShareButton.tsx b/src/core/client/stream/components/Permalink/PermalinkShareButton.tsx
new file mode 100644
index 000000000..7db563182
--- /dev/null
+++ b/src/core/client/stream/components/Permalink/PermalinkShareButton.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import ToggleShow from "./ToggleShow";
+
+const PermalinkShareButton = () => (
+  <ToggleShow>
+    {({ toggleShow, show }) => (
+      <Manager>
+        <Reference>
+          {({ ref }) => (
+            <Button ref={ref} onClick={toggleShow} aria-controls="popover-id">
+              Share
+            </Button>
+          )}
+        </Reference>
+        <Popper placement="right">
+          {({ ref, style, placement, arrowProps }) => (
+            <PermalinkPopover
+              visible={show}
+              style={style}
+              ref={ref}
+              id="popover-id"
+            />
+          )}
+        </Popper>
+      </Manager>
+    )}
+  </ToggleShow>
+);
+
+export default PermalinkShareButton;
diff --git a/src/core/client/stream/components/Permalink/Popover.tsx b/src/core/client/stream/components/Permalink/Popover.tsx
new file mode 100644
index 000000000..f2c275525
--- /dev/null
+++ b/src/core/client/stream/components/Permalink/Popover.tsx
@@ -0,0 +1,9 @@
+const Popover = ({
+  id,
+  style,
+  children,
+  visible,
+  onClose,
+  firstFocusable,
+  lastFocusable,
+}) => <div aria-role="dialog">{children}</div>;
diff --git a/src/core/client/stream/components/Permalink/ToggleShow.tsx b/src/core/client/stream/components/Permalink/ToggleShow.tsx
new file mode 100644
index 000000000..e69de29bb