joel/freqsplit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change processing page progress, and ui change in results

Browse Source
This commit is contained in:
Joel Mathew Thomas
2025-03-21 01:59:02 +05:30
parent c58ee4ca22
commit 952b6729b2
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/Pages/ProcessingPage.tsx
+6 -6
View File
@@ -1,6 +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 { Typography, Container, Paper, Box, LinearProgress } from "@mui/material"; import { Typography, Container, Paper, Box, LinearProgress, CircularProgress } 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";
@@ -255,11 +255,11 @@ function ProcessingPage() {
</Typography> </Typography>
<Box sx={{ mt: 4, mb: 2 }}> <Box sx={{ mt: 4, mb: 2 }}>
<LinearProgress <CircularProgress
variant="determinate" variant="determinate"
value={progress} value={progress}
sx={{ height: 10, borderRadius: 5 }} sx={{ width: 80, height: 80 }}
/> />
<Typography variant="body2" color="textSecondary" sx={{ mt: 1 }}> <Typography variant="body2" color="textSecondary" sx={{ mt: 1 }}>
{Math.round(progress)}% Complete {Math.round(progress)}% Complete
</Typography> </Typography>
client/src/Pages/ResultsPage.tsx
+1 -1
View File
@@ -152,7 +152,7 @@ function ResultsPage() {
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<Card sx={{ height: '100%' }}> <Card sx={{ height: '100%' }}>
<CardContent> <CardContent>
<Typography variant="h6" gutterBottom> <Typography gutterBottom>
File Details File Details
</Typography> </Typography>
<Typography variant="body2" color="textSecondary"> <Typography variant="body2" color="textSecondary">