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

UI revamp and add download button

Browse Source
This commit is contained in:
Joel Mathew Thomas
2025-03-18 16:38:06 +05:30
parent 8b4d373b6a
commit c64dc1aafa
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/Pages/ResultsPage.tsx
+8 -10
View File
@@ -84,7 +84,7 @@ function ResultsPage() {
<audio
ref={mediaFileRef}
src={mediaFile.url}
style={{ width: '100%' }}
style={{ width: '100%', borderRadius: '8px', boxShadow: '0 2px 10px rgba(0,0,0,0.2)' }}
controls
/>
</Box>
@@ -103,7 +103,7 @@ function ResultsPage() {
<audio
ref={audioRefs[index]}
src={file.url}
style={{ width: '100%' }}
style={{ width: '100%', borderRadius: '8px', boxShadow: '0 2px 10px rgba(0,0,0,0.2)' }}
controls
/>
</Box>
@@ -123,7 +123,7 @@ function ResultsPage() {
<audio
ref={audioRefs[0]}
src={downloadedFileURL}
style={{ width: '100%' }}
style={{ width: '100%', borderRadius: '8px', boxShadow: '0 2px 10px rgba(0,0,0,0.2)' }}
controls
/>
</Box>
@@ -156,20 +156,18 @@ function ResultsPage() {
mt: 4,
display: 'flex',
justifyContent: 'space-between',
gap: 2, // Adds spacing between buttons
flexWrap: 'wrap', // Ensures better behavior on smaller screens
gap: 2,
flexWrap: 'wrap',
}}
>
<Button variant="outlined" color="primary" onClick={() => navigate('/upload')}>
Process Another File
</Button>
<Button variant="contained" color="primary" onClick={() => navigate('/')}>
Back to Home
</Button>
</Box>
<Button variant="contained" color="primary" onClick={() => navigate('/')}>Download All Files</Button>
</Box>
</Paper>
</Container>
);
}
export default ResultsPage;
export default ResultsPage;