Revize 1865a0be
Přidáno uživatelem Pavel Fidransky před více než 4 roky(ů)
client/src/Setting.js | ||
---|---|---|
1 | 1 |
import React, { useState, useEffect } from 'react'; |
2 | 2 |
import './App.css'; |
3 | 3 |
import { Link } from 'react-router-dom'; |
4 |
import * as api_fetch from './api'
|
|
4 |
import * as api from './api';
|
|
5 | 5 |
|
6 | 6 |
|
7 |
function Setting() { |
|
7 |
export default function Setting() {
|
|
8 | 8 |
|
9 |
const [sickdays, setSickdays] = useState(); |
|
10 |
|
|
11 |
useEffect( () => { |
|
12 |
api_fetch.getSettingData().then(settingData => { |
|
9 |
useEffect(() => { |
|
10 |
api.getSettingData().then(settingData => { |
|
13 | 11 |
setSetting(settingData); |
14 | 12 |
}).catch(reason => { |
15 |
alert(reason) |
|
16 |
}) |
|
13 |
alert(reason);
|
|
14 |
});
|
|
17 | 15 |
}, []); |
18 | 16 |
|
19 |
const submitSetting = async (e) => {
|
|
17 |
async function submitSetting(e) {
|
|
20 | 18 |
e.preventDefault(); |
21 |
|
|
19 |
|
|
22 | 20 |
const dataSettingObject = { |
23 |
"sickDayCount": Number(setting.sickday),
|
|
24 |
"notification": "2019/12/01 12:00:00"
|
|
25 |
} |
|
21 |
'sickDayCount': Number(setting.sickday),
|
|
22 |
'notification': '2019/12/01 12:00:00',
|
|
23 |
};
|
|
26 | 24 |
|
27 |
api_fetch.saveDataSetting(dataSettingObject).catch(reason => {
|
|
28 |
alert(reason) |
|
29 |
}) |
|
25 |
api.saveDataSetting(dataSettingObject).catch(reason => { |
|
26 |
alert(reason);
|
|
27 |
});
|
|
30 | 28 |
} |
29 |
|
|
31 | 30 |
// states |
32 |
const [setting, setSetting] = useState( |
|
33 |
{sickday: 5, |
|
34 |
holiday: 0 |
|
35 |
} |
|
36 |
) |
|
31 |
const [setting, setSetting] = useState({ |
|
32 |
sickday: 5, |
|
33 |
holiday: 0, |
|
34 |
}); |
|
37 | 35 |
|
38 | 36 |
//functions |
39 | 37 |
function changeSickday(newValue) { |
40 |
setSetting( |
|
41 |
{sickday: newValue,
|
|
42 |
holiday: 0
|
|
43 |
}) |
|
38 |
setSetting({
|
|
39 |
sickday: newValue, |
|
40 |
holiday: 0,
|
|
41 |
});
|
|
44 | 42 |
} |
45 | 43 |
|
46 | 44 |
return ( |
... | ... | |
60 | 58 |
</div> |
61 | 59 |
); |
62 | 60 |
} |
63 |
|
|
64 |
export default Setting; |
Také k dispozici: Unified diff
re #58 massive code formatting