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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
import React from 'react';
import axios from 'axios';
import Error from './Err';
import { TitleInput, PasteInput } from './Inputs';
import PasteInfo from './PasteInfo';
const RENDER_MODES = Object.freeze({
RAW: 'raw text',
MD: 'markdown',
LATEX: 'latex',
CODE: 'code',
})
class ViewPaste extends React.Component {
constructor(props) {
super(props);
this.state = {
title: 'untitled paste',
content: '',
hasPass: false,
expiry: 'no expiry',
error: '',
mode: RENDER_MODES.RAW,
};
}
newErr(msg, duration = 5000) {
this.setState({ error: msg })
// if duration -1, dont clear
if (duration !== -1) {
setTimeout(() => {
this.setState({ error: '' })
}, duration);
}
}
drawRightMode() {
switch (this.state.mode) {
// TODO: add other renderers
// default render raw
case RENDER_MODES.RAW:
default:
return (<PasteInput
content={this.state.content}
id="pasteInput"
readOnly />);
}
}
render() {
return (
<div>
<TitleInput
value={this.state.title}
id="titleInput"
readOnly />
{this.drawRightMode()}
<PasteInfo
expiry={this.state.expiry}
mode={this.state.mode} />
<Error msg={this.state.error} />
</div>
);
}
fmtDateStr(dateString) {
const d = new Date(dateString)
const options = { hour: '2-digit', minute: '2-digit', year: 'numeric', month: 'long', day: 'numeric' }
return d.toLocaleDateString("en-US", options).toLocaleLowerCase()
}
componentDidMount() {
const serverURL = `http://localhost:8080/api/${this.props.hash}`
axios.get(serverURL)
.then((response) => {
const data = response.data
this.setState({
title: data.title,
content: data.content,
expiry: this.fmtDateStr(data.expiry),
})
}).catch((error) => {
const resp = error.response
// some weird err
if (resp !== undefined) {
const errTxt = `${resp.statusText}: ${resp.data}`
this.newErr(errTxt, -1)
} else {
// some weird err (e.g. network)
this.newErr(error, -1)
}
})
}
}
export default ViewPaste
|