File size: 1,290 Bytes
fb54f6e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
import React from 'react';
import {Accordion, AccordionSummary, AccordionDetails} from '@mui/material';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import Box from '@mui/material/Box';
import {Button} from "@mui/material";
export default function ModelPanel({setUploadedModelFile}) {
const loadSingleModel = () => {
const input = document.createElement("input");
input.type = "file";
input.accept = ".obj, .stl, .fbx, .gltf, .glb, .dae, .vrm";
input.addEventListener("change", function (e) {
const file = e.target.files[0];
if (setUploadedModelFile) {
setUploadedModelFile(file);
}
});
input.click();
};
return (
<div>
<Box mb={1} mt={1}>
<Accordion>
<AccordionSummary expandIcon={<ExpandMoreIcon/>}>
Model
</AccordionSummary>
<AccordionDetails>
<Button variant="contained" color="primary" fullWidth sx={{margin: '2px'}}
onClick={loadSingleModel}>Load Model</Button>
</AccordionDetails>
</Accordion>
</Box>
</div>
);
}
|