iniital commit

client/src/Pages/Notifications/index.tsx

@@ -0,0 +1,25 @@
+import { BasePageWithStates } from "@/Components/v2/design-elements";
+
+import { useTranslation } from "react-i18next";
+const NotificationsPage = () => {
+	const { t } = useTranslation();
+
+	return (
+		<BasePageWithStates
+			page={t("pages.notifications.fallback.title")}
+			bullets={
+				t("pages.notifications.fallback.checks", {
+					returnObjects: true,
+				}) as string[]
+			}
+			loading={false}
+			error={false}
+			items={[]}
+			actionButtonText={t("pages.notifications.fallback.actionButton")}
+			actionLink="/notifications/create"
+		>
+			Notifications
+		</BasePageWithStates>
+	);
+};
+export default NotificationsPage;

client/src/Routes/index.jsx

@@ -43,7 +43,7 @@ import CreateStatus from "../Pages/StatusPage/Create/index.jsx";
 import StatusPages from "../Pages/StatusPage/StatusPages/index.jsx";
 import Status from "../Pages/StatusPage/Status/index.jsx";
 
-import Notifications from "../Pages/Notifications/index.jsx";
+import Notifications from "../Pages/Notifications";
 import CreateNotifications from "../Pages/Notifications/create/index.jsx";
 
 // Settings
@@ -210,7 +210,13 @@ const Routes = () => {
 
 				<Route
 					path="notifications"
-					element={<Notifications />}
+					element={
+						<>
+							<ThemeProvider theme={v2theme}>
+								<Notifications />
+							</ThemeProvider>
+						</>
+					}
 				/>
 				<Route
 					path="notifications/create"

client/src/locales/en.json

@@ -327,6 +327,17 @@
 					"netBytesRecv": "{{name}} - Bytes Received"
 				}
 			}
+		},
+		"notifications": {
+			"fallback": {
+				"actionButton": "Create a channel",
+				"checks": [
+					"Alert teams about downtime or performance issues",
+					"Let engineers know when incidents happen",
+					"Keep administrators informed of system changes"
+				],
+				"title": "Notification channles are used to:"
+			}
 		}
 	},
 	"incidentsTableNoIncidents": "No incidents recorded",