cesnimda
26 lines
945 B
TypeScript
26 lines
945 B
TypeScript
import React from "react";
|
|
|
|
import { Box, Button, Paper, Typography } from "@mui/material";
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
import EmailProviderConnections from "../components/EmailProviderConnections";
|
|
import { useI18n } from "../i18n/I18nProvider";
|
|
|
|
export default function ConnectedAccountsPage() {
|
|
const navigate = useNavigate();
|
|
const { t } = useI18n();
|
|
|
|
return (
|
|
<Box sx={{ display: "grid", gap: 2 }}>
|
|
<Paper sx={{ p: 2.5, borderRadius: 4, boxShadow: "0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
|
|
<Typography variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>{t("connectedAccounts")}</Typography>
|
|
<Typography sx={{ color: "text.secondary", maxWidth: 720 }}>
|
|
{t("connectedAccountsBody")}
|
|
</Typography>
|
|
<Button sx={{ mt: 1 }} onClick={() => navigate("/settings")}>{t("connectedAccountsBack")}</Button>
|
|
</Paper>
|
|
<EmailProviderConnections />
|
|
</Box>
|
|
);
|
|
}
|