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

Merge pull request #49 from joelmathewthomas/ui/update

Browse Source 
change processing page progress, and ui change in results
This commit is contained in:
Joel Mathew Thomas
2025-03-21 02:00:30 +05:30
committed by GitHub
parent c58ee4ca22 952b6729b2
commit fc2b8c07d1
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
+3 -3
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,10 +255,10 @@ 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
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">