67 lines
1.6 KiB
TypeScript
67 lines
1.6 KiB
TypeScript
|
import useSWR from "swr";
|
||
|
import { useState } from "react";
|
||
|
import { checkUpdate, installUpdate } from "@tauri-apps/api/updater";
|
||
|
import { relaunch } from "@tauri-apps/api/process";
|
||
|
import {
|
||
|
Button,
|
||
|
Dialog,
|
||
|
DialogActions,
|
||
|
DialogContent,
|
||
|
DialogContentText,
|
||
|
DialogTitle,
|
||
|
} from "@mui/material";
|
||
|
|
||
|
interface Props {
|
||
|
open: boolean;
|
||
|
onClose: () => void;
|
||
|
}
|
||
|
|
||
|
let uploadingState = false;
|
||
|
|
||
|
const UpdateDialog = (props: Props) => {
|
||
|
const { open, onClose } = props;
|
||
|
const { data: updateInfo } = useSWR("checkUpdate", checkUpdate, {
|
||
|
errorRetryCount: 2,
|
||
|
revalidateIfStale: false,
|
||
|
focusThrottleInterval: 36e5, // 1 hour
|
||
|
});
|
||
|
const [uploading, setUploading] = useState(uploadingState);
|
||
|
|
||
|
const onUpdate = async () => {
|
||
|
try {
|
||
|
setUploading(true);
|
||
|
uploadingState = true;
|
||
|
await installUpdate();
|
||
|
await relaunch();
|
||
|
} catch (error) {
|
||
|
console.log(error);
|
||
|
window.alert("Failed to upload, please try again.");
|
||
|
} finally {
|
||
|
setUploading(true);
|
||
|
uploadingState = true;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
return (
|
||
|
<Dialog open={open} onClose={onClose}>
|
||
|
<DialogTitle>New Version v{updateInfo?.manifest?.version}</DialogTitle>
|
||
|
<DialogContent sx={{ minWidth: 360, maxWidth: 400, maxHeight: "50vh" }}>
|
||
|
<DialogContentText>{updateInfo?.manifest?.body}</DialogContentText>
|
||
|
</DialogContent>
|
||
|
<DialogActions>
|
||
|
<Button onClick={onClose}>Cancel</Button>
|
||
|
<Button
|
||
|
variant="contained"
|
||
|
autoFocus
|
||
|
onClick={onUpdate}
|
||
|
disabled={uploading}
|
||
|
>
|
||
|
Update
|
||
|
</Button>
|
||
|
</DialogActions>
|
||
|
</Dialog>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default UpdateDialog;
|