diff --git a/src/core/client/stream/components/Comment/Comment.tsx b/src/core/client/stream/components/Comment/Comment.tsx index 72eec2bc3..889ffbe1f 100644 --- a/src/core/client/stream/components/Comment/Comment.tsx +++ b/src/core/client/stream/components/Comment/Comment.tsx @@ -28,8 +28,12 @@ const Comment: StatelessComponent = props => {
( - + body={({ toggleVisibility, forwardRef }) => ( + )} > {({ toggleVisibility, forwardRef }) => ( diff --git a/src/core/client/stream/components/PermalinkPopover.css b/src/core/client/stream/components/PermalinkPopover.css index 2d5f33fd2..8f956e370 100644 --- a/src/core/client/stream/components/PermalinkPopover.css +++ b/src/core/client/stream/components/PermalinkPopover.css @@ -3,11 +3,6 @@ } .root { - background-color: #ffffff; - border: 1px solid #c9cacb; - box-sizing: border-box; - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); - border-radius: 1px; padding: 6px 10px; display: flex; } diff --git a/src/core/client/stream/components/PermalinkPopover.tsx b/src/core/client/stream/components/PermalinkPopover.tsx index a4d8feca2..3093d009d 100644 --- a/src/core/client/stream/components/PermalinkPopover.tsx +++ b/src/core/client/stream/components/PermalinkPopover.tsx @@ -6,9 +6,10 @@ import { Button, TextField } from "talk-ui/components"; import * as styles from "./PermalinkPopover.css"; interface InnerProps { - commentId: string; + commentID: string; style?: CSSProperties; - innerRef?: RefHandler; + forwardRef?: RefHandler; + toggleVisibility?: () => any; } interface State { @@ -34,13 +35,13 @@ class PermalinkPopover extends React.Component { }; public render() { - const { commentId, style, innerRef } = this.props; + const { commentID } = this.props; const { copied } = this.state; return ( -
- - -