powermaker450/simple-review-client
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Show error if server returns an error

Browse source
This commit is contained in:
powermaker450 2024-09-10 12:29:12 -04:00
parent c4c3316e33
commit b1675f3229
1 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/App.tsx
View file

@ -9,6 +9,7 @@ function App() {
const [rating, setNewRating] = useState<number | null>(0); const [rating, setNewRating] = useState<number | null>(0);
const [showAlert, changeAlert] = useState(false); const [showAlert, changeAlert] = useState(false);
const [alertText, changeAlertText] = useState(""); const [alertText, changeAlertText] = useState("");
const [secure, setSecure] = useState(false);
const [showInfo, changeInfo] = useState(false); const [showInfo, changeInfo] = useState(false);
const [infoText, changeInfoText] = useState(""); const [infoText, changeInfoText] = useState("");
@ -47,7 +48,7 @@ function App() {
}; };
const showThenHide = async () => { const showThenHide = async () => {
await fetch(endpoint ? `${endpoint}/post` : "http://localhost:8080/post", { await fetch(endpoint ? `${secure ? "https" : "http"}://${endpoint}/post` : "http://localhost:8080/post", {
method: "POST", method: "POST",
body: JSON.stringify({ body: JSON.stringify({
rating: rating, rating: rating,
@ -59,17 +60,22 @@ function App() {
.then(async (response) => { .then(async (response) => {
const result = await response.json(); const result = await response.json();
changeInfoText( if (result.error) {
result.error changeAlertText(`${result.error.type}: ${result.error.message}`);
? `${result.error.type}: ${result.error.message}` changeAlert(true);
: `Success: ${result.message}`,
); setTimeout(() => {
changeAlert(false);
}, 2000);
} else {
changeInfoText(`Success: ${result.message}`);
changeInfo(true);
changeInfo(true);
setTimeout(() => { setTimeout(() => {
changeInfo(false); changeInfo(false);
}, 2000); }, 2000);
}
}) })
.catch((err) => { .catch((err) => {
changeAlertText(err.toString()); changeAlertText(err.toString());
@ -103,7 +109,7 @@ function App() {
return ( return (
<> <>
<div id="settings"> <div id="settings">
<EndpointDialog endpoint={[endpoint, setEndpoint]} /> <EndpointDialog endpoint={[endpoint, setEndpoint]} secure={[secure, setSecure]}/>
</div> </div>
<div id="app"> <div id="app">