25 lines
703 B
TypeScript
25 lines
703 B
TypeScript
import { Box, Button, Tooltip } from "@mui/material";
|
|
import { useState } from "react";
|
|
import { UploadDialog } from "./UploadDialog";
|
|
|
|
export const UploadButton = () => {
|
|
const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
|
|
return (
|
|
<Box>
|
|
<Tooltip title="Upload your exported configuration to restore the PI list">
|
|
<Button
|
|
style={{ width: "100%" }}
|
|
onClick={() => setUploadDialogOpen(true)}
|
|
sx={{ my: 2, color: "white", display: "block" }}
|
|
>
|
|
Restore
|
|
</Button>
|
|
</Tooltip>
|
|
<UploadDialog
|
|
open={uploadDialogOpen}
|
|
closeDialog={() => setUploadDialogOpen(false)}
|
|
/>
|
|
</Box>
|
|
);
|
|
};
|