diff --git a/client/src/Pages/Notifications/create/index.tsx b/client/src/Pages/Notifications/create/index.tsx index 58b14a426..1c4d586a9 100644 --- a/client/src/Pages/Notifications/create/index.tsx +++ b/client/src/Pages/Notifications/create/index.tsx @@ -1,5 +1,7 @@ import { BasePage, ConfigBox } from "@/Components/v2/design-elements"; -import { TextField } from "@/Components/v2/inputs"; +import { TextField, Select } from "@/Components/v2/inputs"; +import MenuItem from "@mui/material/MenuItem"; +import Typography from "@mui/material/Typography"; import { useEffect } from "react"; import { useParams } from "react-router-dom"; @@ -10,6 +12,7 @@ import { useNotificationForm } from "@/Hooks/useNotificationForm"; import type { NotificationFormData } from "@/Validation/notifications"; import type { Notification } from "@/Types/Notification"; import { useTranslation } from "react-i18next"; +import { NotificationChannels } from "@/Types/Notification"; const NotificationsCreatePage = () => { const { t } = useTranslation(); @@ -71,6 +74,38 @@ const NotificationsCreatePage = () => { /> } /> + { + return ( + + ); + }} + /> + } + /> ); }; diff --git a/client/src/locales/en.json b/client/src/locales/en.json index b98b43b7d..7ffa5e00e 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -349,6 +349,11 @@ "optionName": "Channel name", "placeholder": "e.g. Production Alerts", "title": "Channel name" + }, + "type": { + "description": "Select the type of notification channel to create.", + "optionType": "Type", + "title": "Channel type" } } }