Skip to content

2
2023-029
Commit a47e9457 authored by Ridma Dilshan's avatar Ridma Dilshan
Browse files
Options

Fix the Frontend features

parent 1de01cbf
Hide whitespace changes
Inline Side-by-side
Showing with 77 additions and 33 deletions
Project/Frontend/SignConnectPlus/src/pages/emotion-detection/emotion-audio-detection/list/list.tsx
View file @ a47e9457
// material-ui
// third-party
// project import
import MainCard from 'components/MainCard'; import MainCard from 'components/MainCard';
import ScrollX from 'components/ScrollX'; import ScrollX from 'components/ScrollX';
import Grid from '@mui/material/Grid';
import Button from '@mui/material/Button';
// assets // import MicIcon from '@mui/icons-material/Mic'; // Import MicIcon from the correct path
// import CloudUploadOutlinedIcon from '@mui/icons-material/CloudUploadOutlined'; // Import CloudUploadOutlinedIcon from the correct path
//types
// ==============================|| List ||============================== //
const List = () => { const List = () => {
return ( return (
<MainCard content={false}> <MainCard content={false}>
<ScrollX> <ScrollX>
{/* content here */}
<h1>Sample Page</h1> <Grid container spacing={2}>
<Grid item xs={12} md={6}>
<h2>Upload or Record</h2>
<MainCard>
<div style={{ textAlign: 'center' }}>
<h2>Upload Your Files</h2>
<Button
variant="contained"
color="primary"
// startIcon={<CloudUploadOutlinedIcon />}
>
Upload
</Button>
<Button
variant="contained"
color="primary"
// startIcon={<CloudUploadOutlinedIcon />}
>
Record
</Button>
</div>
</MainCard>
</Grid>
<Grid item xs={12} md={6}>
<h2>3D Avatar</h2>
<MainCard>
{/* Content of the second card */}
{/* You can put your 3D avatar components here */}
</MainCard>
</Grid>
</Grid>
</ScrollX> </ScrollX>
</MainCard> </MainCard>
) );
} };
export default List; export default List;
Project/Frontend/SignConnectPlus/src/pages/emotion-detection/emotion-video-detection/list/list.tsx
View file @ a47e9457
// material-ui
// third-party
// project import
import MainCard from 'components/MainCard'; import MainCard from 'components/MainCard';
import ScrollX from 'components/ScrollX'; import ScrollX from 'components/ScrollX';
import Grid from '@mui/material/Grid';
import Button from '@mui/material/Button';
// assets // import MicIcon from '@mui/icons-material/Mic'; // Import MicIcon from the correct path
// import CloudUploadOutlinedIcon from '@mui/icons-material/CloudUploadOutlined'; // Import CloudUploadOutlinedIcon from the correct path
//types
// ==============================|| List ||============================== //
const List = () => { const List = () => {
return ( return (
<MainCard content={false}> <MainCard content={false}>
<ScrollX> <ScrollX>
{/* content here */}
<h1>Sample Page 2</h1> <Grid container spacing={2}>
<Grid item xs={12} md={6}>
<h2>Upload or Live</h2>
<MainCard>
<div style={{ textAlign: 'center' }}>
<h2>Upload Your Files</h2>
<Button
variant="contained"
color="primary"
// startIcon={<CloudUploadOutlinedIcon />}
>
Upload
</Button>
<Button
variant="contained"
color="primary"
// startIcon={<CloudUploadOutlinedIcon />}
>
Live
</Button>
</div>
</MainCard>
</Grid>
<Grid item xs={12} md={6}>
<h2>3D Avatar</h2>
<MainCard>
{/* Content of the second card */}
{/* You can put your 3D avatar components here */}
</MainCard>
</Grid>
</Grid>
</ScrollX> </ScrollX>
</MainCard> </MainCard>
) );
} };
export default List; export default List;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment