61 lines
1.8 KiB
TypeScript
61 lines
1.8 KiB
TypeScript
import { useTranslation } from "react-i18next";
|
|
import { Button, ButtonGroup, Tooltip } from "@mui/material";
|
|
import { checkService } from "@/services/cmds";
|
|
import { useVerge } from "@/hooks/use-verge";
|
|
import useSWR from "swr";
|
|
|
|
interface Props {
|
|
value?: string;
|
|
onChange?: (value: string) => void;
|
|
}
|
|
|
|
export const StackModeSwitch = (props: Props) => {
|
|
const { value, onChange } = props;
|
|
const { verge } = useVerge();
|
|
const { enable_service_mode } = verge ?? {};
|
|
// service mode
|
|
const { data: serviceStatus } = useSWR("checkService", checkService, {
|
|
revalidateIfStale: false,
|
|
shouldRetryOnError: false,
|
|
});
|
|
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<Tooltip
|
|
title={
|
|
serviceStatus !== "active" || !enable_service_mode
|
|
? t("System and Mixed Can Only be Used in Service Mode")
|
|
: ""
|
|
}
|
|
>
|
|
<ButtonGroup size="small" sx={{ my: "4px" }}>
|
|
<Button
|
|
variant={value?.toLowerCase() === "system" ? "contained" : "outlined"}
|
|
onClick={() => onChange?.("system")}
|
|
disabled={serviceStatus !== "active" || !enable_service_mode}
|
|
sx={{ textTransform: "capitalize" }}
|
|
>
|
|
System
|
|
</Button>
|
|
<Button
|
|
variant={value?.toLowerCase() === "gvisor" ? "contained" : "outlined"}
|
|
onClick={() => onChange?.("gvisor")}
|
|
sx={{ textTransform: "capitalize" }}
|
|
>
|
|
gVisor
|
|
</Button>
|
|
|
|
<Button
|
|
variant={value?.toLowerCase() === "mixed" ? "contained" : "outlined"}
|
|
onClick={() => onChange?.("mixed")}
|
|
disabled={serviceStatus !== "active" || !enable_service_mode}
|
|
sx={{ textTransform: "capitalize" }}
|
|
>
|
|
Mixed
|
|
</Button>
|
|
</ButtonGroup>
|
|
</Tooltip>
|
|
);
|
|
};
|