32 lines
1020 B
TypeScript
32 lines
1020 B
TypeScript
import { useTranslation } from "react-i18next";
|
|
import { Card, Divider } from "antd";
|
|
|
|
import NotifyChannels from "@/components/notification/NotifyChannels";
|
|
import NotifyTemplate from "@/components/notification/NotifyTemplate";
|
|
import { useZustandShallowSelector } from "@/hooks";
|
|
import { useNotifyChannelsStore } from "@/stores/notify";
|
|
|
|
const SettingsNotification = () => {
|
|
const { t } = useTranslation();
|
|
|
|
const { loadedAtOnce } = useNotifyChannelsStore(useZustandShallowSelector(["loadedAtOnce"]));
|
|
|
|
return (
|
|
<div>
|
|
<Card className="shadow" title={t("settings.notification.template.card.title")}>
|
|
<div className="md:max-w-[40rem]">
|
|
<NotifyTemplate />
|
|
</div>
|
|
</Card>
|
|
|
|
<Divider />
|
|
|
|
<Card className="shadow" styles={{ body: loadedAtOnce ? { padding: 0 } : {} }} title={t("settings.notification.channels.card.title")}>
|
|
<NotifyChannels classNames={{ form: "md:max-w-[40rem]" }} />
|
|
</Card>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SettingsNotification;
|