45 lines
1.7 KiB
TypeScript
45 lines
1.7 KiB
TypeScript
import { Box, Text } from "@saleor/macaw-ui/next";
|
|
import { NextPage } from "next";
|
|
import { SectionWithDescription } from "../../components/section-with-description";
|
|
import { ProviderSelectionBox } from "../../modules/app-configuration/ui/provider-selection-box";
|
|
import { useRouter } from "next/router";
|
|
import { sendgridUrls } from "../../modules/sendgrid/urls";
|
|
import { smtpUrls } from "../../modules/smtp/urls";
|
|
import { appUrls } from "../../modules/app-configuration/urls";
|
|
import { BasicLayout } from "../../components/basic-layout";
|
|
|
|
const ChooseProviderPage: NextPage = () => {
|
|
const { push } = useRouter();
|
|
|
|
return (
|
|
<BasicLayout
|
|
breadcrumbs={[
|
|
{ name: "Configuration", href: appUrls.configuration() },
|
|
{ name: "Add provider" },
|
|
]}
|
|
>
|
|
<Box display="grid" gridTemplateColumns={{ desktop: 3, mobile: 1 }}>
|
|
<Box>
|
|
<Text>Select and configure providers to connect Saleor with selected services.</Text>
|
|
</Box>
|
|
</Box>
|
|
<SectionWithDescription title="Choose provider">
|
|
<Box display="grid" gridTemplateColumns={2} gap={6}>
|
|
<ProviderSelectionBox
|
|
providerName="Sendgrid"
|
|
providerDescription="Use dynamic templates created in Sendgrid dashboard to send messages. Event data will be forwarded to Sendgrid."
|
|
onClick={() => push(sendgridUrls.newConfiguration())}
|
|
/>
|
|
|
|
<ProviderSelectionBox
|
|
providerName="SMTP"
|
|
providerDescription="Provide your own SMTP credentials and map Saleor event to custom MJML templates."
|
|
onClick={() => push(smtpUrls.newConfiguration())}
|
|
/>
|
|
</Box>
|
|
</SectionWithDescription>
|
|
</BasicLayout>
|
|
);
|
|
};
|
|
|
|
export default ChooseProviderPage;
|