ShortLink
/
frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

totally complete add link

master
timka 2023-11-22 22:43:18 +03:00
parent cd88541981
commit 485f4bee29
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/AddLink.js
View File

@ -8,7 +8,7 @@ import axios from 'axios'
class AddLink extends Component { class AddLink extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = {value: ''} this.state = {value: '', buttonText: 'Short!'}
this.handleChange = this.handleChange.bind(this) this.handleChange = this.handleChange.bind(this)
this.short = this.short.bind(this) this.short = this.short.bind(this)
this.createLink = this.createLink.bind(this) this.createLink = this.createLink.bind(this)
@ -24,7 +24,10 @@ class AddLink extends Component {
} }
var linkName = makeid(6) var linkName = makeid(6)
this.createLink(this.state.value, linkName) this.createLink(this.state.value, linkName)
this.setState({value: `https://timka.su/${linkName}`}) const link = `https://timka.su/${linkName}`
this.setState({value: link})
navigator.clipboard.writeText(link)
this.setState({buttonText: 'Copied!'})
} }
createLink(url, linkName) { createLink(url, linkName) {
@ -46,7 +49,7 @@ class AddLink extends Component {
autoComplete="off" autoComplete="off"
required /> required />
<br/> <br/>
<button onClick={this.short} className="shortButton">Short!</button> <button onClick={this.short} className="shortButton">{this.state.buttonText}</button>
</div> </div>
</div> </div>
} }