remove toast messages
This commit is contained in:
@@ -1,13 +1,6 @@
|
|||||||
import { useState, useEffect } from "react";
|
import { useState, useEffect } from "react";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
import { Snackbar, Alert } from "@mui/material";
|
import { Typography, Container, Paper, Box, LinearProgress } from "@mui/material";
|
||||||
import {
|
|
||||||
Typography,
|
|
||||||
Container,
|
|
||||||
Paper,
|
|
||||||
Box,
|
|
||||||
LinearProgress,
|
|
||||||
} from "@mui/material";
|
|
||||||
import StepperComponent from "../components/StepperComponent";
|
import StepperComponent from "../components/StepperComponent";
|
||||||
import { useMediaContext } from "../contexts/MediaContext";
|
import { useMediaContext } from "../contexts/MediaContext";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
@@ -16,22 +9,8 @@ function ProcessingPage() {
|
|||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const { mediaFile, response } = useMediaContext();
|
const { mediaFile, response } = useMediaContext();
|
||||||
const [progress, setProgress] = useState(0);
|
const [progress, setProgress] = useState(0);
|
||||||
const [open, setOpen] = useState(false);
|
|
||||||
const [message, setMessage] = useState("");
|
|
||||||
const [severity, setSeverity] = useState<
|
|
||||||
"success" | "error" | "warning" | "info"
|
|
||||||
>("info");
|
|
||||||
const [statusText, setStatusText] = useState("Analyzing media...");
|
const [statusText, setStatusText] = useState("Analyzing media...");
|
||||||
|
|
||||||
const showToast = (
|
|
||||||
msg: string,
|
|
||||||
type: "success" | "error" | "warning" | "info"
|
|
||||||
) => {
|
|
||||||
setMessage(msg);
|
|
||||||
setSeverity(type);
|
|
||||||
setOpen(true);
|
|
||||||
};
|
|
||||||
|
|
||||||
const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
|
const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
|
||||||
|
|
||||||
const processStep = async (url: string, nextStep: () => void, progressValue: number, status: string, extraData = {}) => {
|
const processStep = async (url: string, nextStep: () => void, progressValue: number, status: string, extraData = {}) => {
|
||||||
@@ -47,17 +26,13 @@ function ProcessingPage() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
if (res.status === 200 && res.data) {
|
if (res.status === 200 && res.data) {
|
||||||
showToast(res.data.message, "success");
|
|
||||||
const elapsedTime = Date.now() - startTime;
|
const elapsedTime = Date.now() - startTime;
|
||||||
if (elapsedTime < 5000) await delay(5000 - elapsedTime);
|
if (elapsedTime < 5000) await delay(5000 - elapsedTime);
|
||||||
setProgress(progressValue);
|
setProgress(progressValue);
|
||||||
nextStep();
|
nextStep();
|
||||||
} else {
|
|
||||||
showToast(`Step failed: ${url}`, "error");
|
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(`Error in step: ${url}`, error);
|
console.error(`Error in step: ${url}`, error);
|
||||||
showToast(`Error processing: ${url}`, "error");
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -116,20 +91,6 @@ function ProcessingPage() {
|
|||||||
{statusText}
|
{statusText}
|
||||||
</Typography>
|
</Typography>
|
||||||
</Box>
|
</Box>
|
||||||
<Snackbar
|
|
||||||
open={open}
|
|
||||||
autoHideDuration={1000}
|
|
||||||
onClose={() => setOpen(false)}
|
|
||||||
anchorOrigin={{ vertical: "top", horizontal: "right" }}
|
|
||||||
>
|
|
||||||
<Alert
|
|
||||||
onClose={() => setOpen(false)}
|
|
||||||
severity={severity}
|
|
||||||
sx={{ width: "100%" }}
|
|
||||||
>
|
|
||||||
{message}
|
|
||||||
</Alert>
|
|
||||||
</Snackbar>
|
|
||||||
</Paper>
|
</Paper>
|
||||||
</Container>
|
</Container>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user