wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-18 12:40:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Belén Curcio
2018-07-11 16:14:36 -03:00
parent 6298a50bbe
commit fc616d1753
2 changed files with 38 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/stream/components/PermalinkPopover.tsx
+21 -17
View File
@@ -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}>
src/core/client/ui/components/Popover/Popover.tsx
+17 -19
View File
@@ -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>
);
}