From 29b9a36e8b295443ecaf312d5e9adfeb6f9ae9d1 Mon Sep 17 00:00:00 2001
From: "MSI\\2Fi" <jason.tom@2fi-solutions.com.hk>
Date: Tue, 27 Aug 2024 15:38:36 +0800
Subject: [PATCH] Add component for bssp

---
 src/app/(main)/bssp/page.tsx                  | 33 +++++++++++++++++++
 .../NavigationContent/NavigationContent.tsx   |  7 ++++
 src/i18n/en/bssp.json                         |  3 ++
 src/i18n/zh/bssp.json                         |  3 ++
 4 files changed, 46 insertions(+)
 create mode 100644 src/app/(main)/bssp/page.tsx
 create mode 100644 src/i18n/en/bssp.json
 create mode 100644 src/i18n/zh/bssp.json

diff --git a/src/app/(main)/bssp/page.tsx b/src/app/(main)/bssp/page.tsx
new file mode 100644
index 0000000..1a4386d
--- /dev/null
+++ b/src/app/(main)/bssp/page.tsx
@@ -0,0 +1,33 @@
+import { Metadata } from "next";
+import { getServerI18n } from "@/i18n";
+import Add from "@mui/icons-material/Add";
+import Button from "@mui/material/Button";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import Link from "next/link";
+import { Suspense } from "react";
+
+const Bssp: React.FC = async () => {
+    const { t } = await getServerI18n("bssp")
+
+    return (
+        <>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            flexWrap="wrap"
+            rowGap={2}
+          >
+            <Typography variant="h4" marginInlineEnd={2}>
+              {t("Bssp")}
+            </Typography>
+
+          </Stack>
+          <Suspense>
+            {t("SSSSS")}
+          </Suspense>
+        </>
+      )
+};
+
+export default Bssp;
\ No newline at end of file
diff --git a/src/components/NavigationContent/NavigationContent.tsx b/src/components/NavigationContent/NavigationContent.tsx
index 84709f8..1c60052 100644
--- a/src/components/NavigationContent/NavigationContent.tsx
+++ b/src/components/NavigationContent/NavigationContent.tsx
@@ -36,6 +36,7 @@ import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
 import EmojiEventsIcon from "@mui/icons-material/EmojiEvents";
 import FileUploadIcon from '@mui/icons-material/FileUpload';
 import EmailIcon from "@mui/icons-material/Email";
+import TerminalIcon from '@mui/icons-material/Terminal';
 
 import {
   IMPORT_INVOICE,
@@ -109,6 +110,12 @@ const NavigationContent: React.FC<Props> = ({ abilities, username }) => {
       path: "/home",
       showOnMobile: true,
     },
+    {
+      icon: <TerminalIcon />,
+      label: "BSSP",
+      path: "/bssp",
+      showOnMobile: true,
+    },
     {
       icon: <Dashboard />,
       label: t("Dashboard"),
diff --git a/src/i18n/en/bssp.json b/src/i18n/en/bssp.json
new file mode 100644
index 0000000..ae71a60
--- /dev/null
+++ b/src/i18n/en/bssp.json
@@ -0,0 +1,3 @@
+{
+    "SSSSS" : "AAAAAA"
+}
\ No newline at end of file
diff --git a/src/i18n/zh/bssp.json b/src/i18n/zh/bssp.json
new file mode 100644
index 0000000..544b7b4
--- /dev/null
+++ b/src/i18n/zh/bssp.json
@@ -0,0 +1,3 @@
+{
+    
+}
\ No newline at end of file