97 lines
3.1 KiB
TypeScript
97 lines
3.1 KiB
TypeScript
import { Box, Text } from "@saleor/macaw-ui/next";
|
|
import { NextPage } from "next";
|
|
import { trpcClient } from "../../../modules/trpc/trpc-client";
|
|
import { useRouter } from "next/router";
|
|
import { useDashboardNotification } from "@saleor/apps-shared";
|
|
import { BasicLayout } from "../../../components/basic-layout";
|
|
import { SmtpBasicInformationSection } from "../../../modules/smtp/ui/smtp-basic-information-section";
|
|
import { SmtpSection } from "../../../modules/smtp/ui/smtp-section";
|
|
import { SmtpSenderSection } from "../../../modules/smtp/ui/smtp-sender-section";
|
|
import { SmtpDangerousSection } from "../../../modules/smtp/ui/smtp-dangrous-section";
|
|
import { SmtpChannelsSection } from "../../../modules/smtp/ui/smtp-channels-section";
|
|
import { SmtpEventsSection } from "../../../modules/smtp/ui/smtp-events-section";
|
|
import { appUrls } from "../../../modules/app-configuration/urls";
|
|
|
|
const LoadingView = () => {
|
|
return (
|
|
<BasicLayout
|
|
breadcrumbs={[
|
|
{ name: "Configuration", href: appUrls.configuration() },
|
|
{ name: "SMTP provider" },
|
|
{ name: "..." },
|
|
]}
|
|
>
|
|
<Text variant="hero">Loading...</Text>
|
|
</BasicLayout>
|
|
);
|
|
};
|
|
|
|
const NotFoundView = () => {
|
|
return (
|
|
<BasicLayout
|
|
breadcrumbs={[
|
|
{ name: "Configuration", href: appUrls.configuration() },
|
|
{ name: "SMTP provider" },
|
|
{ name: "Not found" },
|
|
]}
|
|
>
|
|
<Text variant="hero">Could not find the requested configuration.</Text>
|
|
</BasicLayout>
|
|
);
|
|
};
|
|
|
|
const EditSmtpConfigurationPage: NextPage = () => {
|
|
const { notifyError } = useDashboardNotification();
|
|
const router = useRouter();
|
|
const configurationId = router.query.configurationId
|
|
? (router.query.configurationId as string)
|
|
: undefined;
|
|
const { data: configuration, isLoading } = trpcClient.smtpConfiguration.getConfiguration.useQuery(
|
|
{
|
|
id: configurationId!,
|
|
},
|
|
{
|
|
enabled: !!configurationId,
|
|
onSettled(data, error) {
|
|
if (error) {
|
|
console.log("Error: ", error);
|
|
}
|
|
if (error?.data?.code === "NOT_FOUND" || !data) {
|
|
notifyError("The requested configuration does not exist.");
|
|
router.replace("/configuration");
|
|
}
|
|
},
|
|
}
|
|
);
|
|
|
|
if (isLoading) {
|
|
return <LoadingView />;
|
|
}
|
|
|
|
if (!configuration) {
|
|
return <NotFoundView />;
|
|
}
|
|
|
|
return (
|
|
<BasicLayout
|
|
breadcrumbs={[
|
|
{ name: "Configuration", href: appUrls.configuration() },
|
|
{ name: `SMTP: ${configuration.name}` },
|
|
]}
|
|
>
|
|
<Box display="grid" gridTemplateColumns={{ desktop: 3, mobile: 1 }}>
|
|
<Box>
|
|
<Text>Connect SMTP with Saleor.</Text>
|
|
</Box>
|
|
</Box>
|
|
<SmtpBasicInformationSection configuration={configuration} />
|
|
<SmtpSection configuration={configuration} />
|
|
<SmtpSenderSection configuration={configuration} />
|
|
<SmtpEventsSection configuration={configuration} />
|
|
<SmtpChannelsSection configuration={configuration} />
|
|
<SmtpDangerousSection configuration={configuration} />
|
|
</BasicLayout>
|
|
);
|
|
};
|
|
|
|
export default EditSmtpConfigurationPage;
|