bizcochito
/
bot-image-moderation-fe
2
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 8 Wiki Activity

feat: consolidate alt text in same useState

This commit is contained in:
Alie 2025-02-12 13:13:18 +01:00
parent 00991ad93c
commit 339cab776a
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ImageModerator/ImageModerator.tsx
View File

@ -10,8 +10,11 @@ export default function ImageModerator({ backendUrl }: ImageModeratorProps) {
const discardLabel = "Discard";
const [isLoading, setIsLoading] = useState(true);
const [imageData, setImageData] = useState({ url: "", token: "" });
const [imageAlt, setImageAlt] = useState("No image");
const [imageData, setImageData] = useState({
url: "",
token: "",
alt: "No image",
});
function acceptAction() {
fetch(`${backendUrl}/image/review`, {
@ -45,7 +48,7 @@ export default function ImageModerator({ backendUrl }: ImageModeratorProps) {
const getNewImage = () => {
if (isLoading) {
setImageData({ url: "", token: "" });
setImageData({ url: "", token: "", alt: "Loading..." });
fetch(`${backendUrl}/image`, {
method: "GET",
})
@ -54,11 +57,10 @@ export default function ImageModerator({ backendUrl }: ImageModeratorProps) {
return response.json();
})
.then((data) => {
setImageData({ url: data.url, token: data.token });
setImageAlt(data.url);
setImageData({ url: data.url, token: data.token, alt: data.url });
})
.catch((error) => {
setImageAlt("Error");
setImageData({ url: "", token: "", alt: "Error" });
console.error(error);
})
.finally(() => {
@ -84,7 +86,7 @@ export default function ImageModerator({ backendUrl }: ImageModeratorProps) {
) : (
<img
src={imageData.url}
alt={imageAlt}
alt={imageData.alt}
style={{
width: "100%",
height: "100%",