fix(striker-ui): add mail-config page and its link

11 months ago · ac4571f321
parent c5c127e4c6
commit ac4571f321
2 changed files with 41 additions and 5 deletions
--- a/striker-ui/lib/consts/ICONS.ts
+++ b/striker-ui/lib/consts/ICONS.ts
@ -14,6 +14,11 @@ export const ICONS = [
    image: '/pngs/configure_icon_on.png',
    uri: '/config',
  },
+  {
+    text: 'Mail',
+    image: '/pngs/email_on.png',
+    uri: '/mail-config',
+  },
  // {
  //   text: 'Tasks',
  //   image: '/pngs/tasks_no-jobs_icon.png',
@ -25,11 +30,6 @@ export const ICONS = [
  //   uri: '/config',
  // },
  // {
-  //   text: 'Email',
-  //   image: '/pngs/email_on.png',
-  //   uri: '/striker?email=true',
-  // },
-  // {
  //   text: 'Logout',
  //   image: '/pngs/users_icon_on.png',
  //   uri: '/striker?logout=true',
--- a/striker-ui/pages/mail-config/index.tsx
+++ b/striker-ui/pages/mail-config/index.tsx
@ -0,0 +1,36 @@
+import { Grid } from '@mui/material';
+import Head from 'next/head';
+import { FC } from 'react';
+
+import Header from '../../components/Header';
+import { ManageMailRecipient } from '../../components/ManageMailRecipient';
+import { ManageMailServer } from '../../components/ManageMailServer';
+import { ExpandablePanel, Panel, PanelHeader } from '../../components/Panels';
+import { HeaderText } from '../../components/Text';
+
+const MailConfig: FC = () => (
+  <>
+    <Head>
+      <title>Mail Config</title>
+    </Head>
+    <Header />
+    <Grid container columns={{ xs: 1, md: 6, lg: 4 }}>
+      <Grid item xs={1} />
+      <Grid item xs={1} md={4} lg={2}>
+        <Panel>
+          <PanelHeader>
+            <HeaderText>Mail config</HeaderText>
+          </PanelHeader>
+          <ExpandablePanel expandInitially header="Manage mail servers">
+            <ManageMailServer />
+          </ExpandablePanel>
+          <ExpandablePanel expandInitially header="Manage mail recipients">
+            <ManageMailRecipient />
+          </ExpandablePanel>
+        </Panel>
+      </Grid>
+    </Grid>
+  </>
+);
+
+export default MailConfig;