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 }) => ( + + Copy + +); 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, show }) => ( + + + {({ ref }) => ( + + )} + + + {({ ref, style, placement, arrowProps }) => ( + + )} + + + )} + +); + +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, +}) =>
{children}
; 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