summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer/nav/nav.share.js
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2020-10-02 15:19:17 +0200
committerJules Laplace <julescarbon@gmail.com>2020-10-02 15:19:17 +0200
commitc05f49f1cd5683b868c82e453a76aec185bcbe01 (patch)
treeeea995edf4dd449c7e28a5431c0d47cb46d905ff /animism-align/frontend/app/views/viewer/nav/nav.share.js
parentc15756e395e8507e5e06324efcd209385761165d (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.js65
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>
- )
- }
-}