diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-10-02 15:19:17 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-10-02 15:19:17 +0200 |
| commit | c05f49f1cd5683b868c82e453a76aec185bcbe01 (patch) | |
| tree | eea995edf4dd449c7e28a5431c0d47cb46d905ff /animism-align/frontend/app/views/viewer/nav/nav.share.js | |
| parent | c15756e395e8507e5e06324efcd209385761165d (diff) | |
refactor viewer sections list, share, subscribe, subscription form
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/nav.share.js')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/nav.share.js | 65 |
1 files changed, 0 insertions, 65 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.share.js b/animism-align/frontend/app/views/viewer/nav/nav.share.js deleted file mode 100644 index 1e32860..0000000 --- a/animism-align/frontend/app/views/viewer/nav/nav.share.js +++ /dev/null @@ -1,65 +0,0 @@ -import React, { Component } from 'react' - -import { writeToClipboard } from 'app/utils' - -export default class NavShare extends Component { - state = { - copied: false, - } - constructor(props){ - super(props) - this.copyToClipboard = this.copyToClipboard.bind(this) - } - copyToClipboard() { - const url = "https://e-flux.com/" - writeToClipboard(url).then(() =>{ - clearTimeout(this.timeout) - this.setState({ copying: true, copied: false, }) - this.timeout = setTimeout(() => { - this.setState({ copying: true, copied: true }) - this.timeout = setTimeout(() => this.setState({ copied: false, copying: false, }), 2200) - }, 50) - }) - } - render() { - const { viewer } = this.props - let className = "nav-share" - if (this.state.copying) className += " copying" - if (this.state.copied) className += " copied" - const title = "Animism Episode 1" - const url = "https://e-flux.com/" - const mailtoURL = ( - "mailto:?subject=" + encodeURIComponent(title) + - "&body=" + encodeURIComponent("I want to share this post on e-flux: " + url + "\n\n\n") - ) - const facebookURL = ( - "https://www.facebook.com/sharer.php" + - "?u=" + encodeURIComponent(url) + - "&t=" + encodeURIComponent(title) - ) - const twitterURL = ( - "https://twitter.com/intent/tweet" + - "?url=" + encodeURIComponent(url) + - "&text=" + encodeURIComponent(title) - ) - return ( - <div className={className}> - <div className="share-option"> - <a href={mailtoURL}>Email</a> - </div> - <div className="share-option"> - <a href={facebookURL}>Facebook</a> - </div> - <div className="share-option"> - <a href={twitterURL}>Twitter</a> - </div> - <div className="share-option"> - <div className="share-copy" onClick={this.copyToClipboard}> - Copy Link - <span className="share-success">success</span> - </div> - </div> - </div> - ) - } -} |
