82 lines
2.4 KiB
TypeScript
82 lines
2.4 KiB
TypeScript
|
import { DialogContent, List, ListItemButton, Stack, Typography } from "@mui/material";
|
||
|
|
import { useTranslation } from "react-i18next";
|
||
|
|
import { sendSetSetting } from "../../../api/api.ts";
|
||
|
|
import { useAppDispatch } from "../../../redux/hooks.ts";
|
||
|
|
import { StyledListItemText } from "../../Common/StyledComponents.tsx";
|
||
|
|
import DraggableDialog from "../../Dialogs/DraggableDialog.tsx";
|
||
|
|
|
||
|
|
export interface SiteUrlWarningProps {
|
||
|
|
open: boolean;
|
||
|
|
onClose: () => void;
|
||
|
|
existingUrls: string[];
|
||
|
|
}
|
||
|
|
|
||
|
|
const SiteUrlWarning = ({ open, onClose, existingUrls }: SiteUrlWarningProps) => {
|
||
|
|
const { t } = useTranslation("dashboard");
|
||
|
|
const dispatch = useAppDispatch();
|
||
|
|
|
||
|
|
const setSiteUrl = (isPrimary: boolean) => () => {
|
||
|
|
const urls = [...existingUrls];
|
||
|
|
if (isPrimary) {
|
||
|
|
urls.unshift(window.location.origin);
|
||
|
|
} else {
|
||
|
|
urls.push(window.location.origin);
|
||
|
|
}
|
||
|
|
onClose();
|
||
|
|
dispatch(
|
||
|
|
sendSetSetting({
|
||
|
|
settings: {
|
||
|
|
siteURL: urls.join(","),
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<DraggableDialog
|
||
|
|
dialogProps={{
|
||
|
|
open,
|
||
|
|
onClose,
|
||
|
|
maxWidth: "sm",
|
||
|
|
fullWidth: true,
|
||
|
|
}}
|
||
|
|
title={t("summary.confirmSiteURLTitle")}
|
||
|
|
>
|
||
|
|
<DialogContent>
|
||
|
|
<Stack spacing={1}>
|
||
|
|
<Typography variant="body2" color={"textSecondary"}>
|
||
|
|
{t("summary.siteURLNotMatch", {
|
||
|
|
current: window.location.origin,
|
||
|
|
})}
|
||
|
|
</Typography>
|
||
|
|
<List dense>
|
||
|
|
<ListItemButton onClick={setSiteUrl(true)}>
|
||
|
|
<StyledListItemText
|
||
|
|
primary={t("summary.setAsPrimary")}
|
||
|
|
secondary={t("summary.setAsPrimaryDes", {
|
||
|
|
current: window.location.origin,
|
||
|
|
})}
|
||
|
|
/>
|
||
|
|
</ListItemButton>
|
||
|
|
<ListItemButton onClick={setSiteUrl(false)}>
|
||
|
|
<StyledListItemText
|
||
|
|
primary={t("summary.setAsSecondary")}
|
||
|
|
secondary={t("summary.setAsSecondaryDes", {
|
||
|
|
current: window.location.origin,
|
||
|
|
})}
|
||
|
|
/>
|
||
|
|
</ListItemButton>
|
||
|
|
</List>
|
||
|
|
<Typography variant="body2" color={"textSecondary"}>
|
||
|
|
{t("summary.siteURLDescription")}
|
||
|
|
</Typography>
|
||
|
|
</Stack>
|
||
|
|
</DialogContent>
|
||
|
|
</DraggableDialog>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default SiteUrlWarning;
|