blob: f9541da390b9dc2c937e5848715545073b571bd0 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
import React from 'react';
import axios from 'axios';
import Error from './Err';
import { TitleInput, PasteInput } from './Inputs';
class ViewPaste extends React.Component {
constructor(props) {
super(props);
this.state = {
title: '',
content: '',
hasPass: false,
expiry: '',
timestamp: '',
error: '',
};
}
newErr(msg) {
this.setState({ error: msg })
setTimeout(() => {
this.setState({ error: '' })
}, 3000);
}
render() {
return (
<div>
<TitleInput
value={this.state.title}
id="titleInput"
readOnly />
<PasteInput
content={this.state.content}
id="pasteInput"
readOnly />
<Error msg={this.state.error} />
</div>
);
}
componentDidMount() {
const serverURL = `http://localhost:8080/api/${this.props.hash}`
axios.get(serverURL)
.then((response) => {
const data = response.data
console.log(data)
this.setState({
title: data.title,
content: data.content,
expiry: data.expiry,
timestamp: data.timestamp
})
}).catch((error) => {
const resp = error.response
// some weird err
if (resp !== undefined) {
const errTxt = `${resp.statusText}: ${resp.data}`
this.newErr(errTxt)
} else {
// some weird err (e.g. network)
this.newErr(error)
}
})
}
}
export default ViewPaste
|