86 lines
2.6 KiB
TypeScript
86 lines
2.6 KiB
TypeScript
import type { ComputerStatus } from "@rakazo/contracts";
|
|
import { useState } from "react";
|
|
import { Alert, Pressable, Text, View } from "react-native";
|
|
import { rpc } from "../lib/api";
|
|
|
|
type Action = "recover" | "reset" | "update";
|
|
|
|
export function ComputerMaintenanceActions({
|
|
botId,
|
|
computer,
|
|
onChanged,
|
|
}: {
|
|
botId: string;
|
|
computer: ComputerStatus | null;
|
|
onChanged: () => Promise<void>;
|
|
}) {
|
|
const [pending, setPending] = useState<Action | null>(null);
|
|
const [error, setError] = useState<string | null>(null);
|
|
|
|
if (!computer) return null;
|
|
|
|
const busy = Boolean(computer.busyBotName) || computer.state === "booting";
|
|
const recoverBusy = pending !== null;
|
|
|
|
async function run(action: Action) {
|
|
setPending(action);
|
|
setError(null);
|
|
try {
|
|
if (action === "recover") await rpc("computer/recover", { botId });
|
|
else if (action === "reset") await rpc("computer/reset", { botId });
|
|
else await rpc("computer/update", { botId });
|
|
await onChanged();
|
|
} catch (err) {
|
|
setError(err instanceof Error ? err.message : "Could not update computer");
|
|
} finally {
|
|
setPending(null);
|
|
}
|
|
}
|
|
|
|
function confirmReset() {
|
|
Alert.alert(
|
|
"Reset computer?",
|
|
"Restore the last saved workspace. Unsaved work on the computer is lost.",
|
|
[
|
|
{ text: "Cancel", style: "cancel" },
|
|
{ text: "Reset", style: "destructive", onPress: () => void run("reset") },
|
|
],
|
|
);
|
|
}
|
|
|
|
return (
|
|
<View style={{ marginTop: 16, gap: 10 }}>
|
|
<Pressable
|
|
disabled={recoverBusy}
|
|
onPress={() => void run("recover")}
|
|
style={{ opacity: recoverBusy ? 0.4 : 1 }}
|
|
>
|
|
<Text style={{ color: "#85858A", fontSize: 14 }}>
|
|
{pending === "recover" ? "Recovering…" : "Recover computer"}
|
|
</Text>
|
|
</Pressable>
|
|
<Pressable
|
|
disabled={recoverBusy}
|
|
onPress={confirmReset}
|
|
style={{ opacity: recoverBusy ? 0.4 : 1 }}
|
|
>
|
|
<Text style={{ color: "#85858A", fontSize: 14 }}>
|
|
{pending === "reset" ? "Resetting…" : "Reset computer"}
|
|
</Text>
|
|
</Pressable>
|
|
{computer.updateAvailable ? (
|
|
<Pressable
|
|
disabled={busy || pending !== null}
|
|
onPress={() => void run("update")}
|
|
style={{ opacity: busy || pending !== null ? 0.4 : 1 }}
|
|
>
|
|
<Text style={{ color: "#85858A", fontSize: 14 }}>
|
|
{pending === "update" ? "Updating…" : "Update computer"}
|
|
</Text>
|
|
</Pressable>
|
|
) : null}
|
|
{error ? <Text style={{ color: "#E65707", fontSize: 13 }}>{error}</Text> : null}
|
|
</View>
|
|
);
|
|
}
|