From d469992ee2c14cdee30a5d6764123ae5ad539a8a Mon Sep 17 00:00:00 2001
From: vinix <nzxtvinix@gmail.com>
Date: Fri, 3 Oct 2025 17:05:50 +0700
Subject: [PATCH] menambahkan halaman awal untuk setiap menu sidebar

---
 src/pages/eventAlarm/IndexEventAlarm.jsx      | 30 ++++++++++++++++++
 src/pages/history/report/IndexReport.jsx      | 31 +++++++++++++++++++
 src/pages/history/trending/IndexTrending.jsx  | 31 +++++++++++++++++++
 .../master/brandDevice/IndexBrandDevice.jsx   | 31 +++++++++++++++++++
 src/pages/master/errorCode/IndexErrorCode.jsx | 31 +++++++++++++++++++
 src/pages/master/tag/IndexTag.jsx             | 31 +++++++++++++++++++
 src/pages/notification/IndexNotification.jsx  | 30 ++++++++++++++++++
 src/pages/role/IndexRole.jsx                  | 30 ++++++++++++++++++
 .../shiftManagement/member/IndexMember.jsx    | 31 +++++++++++++++++++
 .../schedule/IndexSchedule.jsx                | 31 +++++++++++++++++++
 src/pages/user/IndexUser.jsx                  | 30 ++++++++++++++++++
 11 files changed, 337 insertions(+)
 create mode 100644 src/pages/eventAlarm/IndexEventAlarm.jsx
 create mode 100644 src/pages/history/report/IndexReport.jsx
 create mode 100644 src/pages/history/trending/IndexTrending.jsx
 create mode 100644 src/pages/master/brandDevice/IndexBrandDevice.jsx
 create mode 100644 src/pages/master/errorCode/IndexErrorCode.jsx
 create mode 100644 src/pages/master/tag/IndexTag.jsx
 create mode 100644 src/pages/notification/IndexNotification.jsx
 create mode 100644 src/pages/role/IndexRole.jsx
 create mode 100644 src/pages/shiftManagement/member/IndexMember.jsx
 create mode 100644 src/pages/shiftManagement/schedule/IndexSchedule.jsx
 create mode 100644 src/pages/user/IndexUser.jsx

diff --git a/src/pages/eventAlarm/IndexEventAlarm.jsx b/src/pages/eventAlarm/IndexEventAlarm.jsx
new file mode 100644
index 0000000..554ad55
--- /dev/null
+++ b/src/pages/eventAlarm/IndexEventAlarm.jsx
@@ -0,0 +1,30 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexEventAlarm = memo(function IndexEventAlarm() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• Event Alarm</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Event Alarm Page</h1>
+        </div>
+    );
+});
+
+export default IndexEventAlarm;
diff --git a/src/pages/history/report/IndexReport.jsx b/src/pages/history/report/IndexReport.jsx
new file mode 100644
index 0000000..44c3b7a
--- /dev/null
+++ b/src/pages/history/report/IndexReport.jsx
@@ -0,0 +1,31 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexReport = memo(function IndexReport() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• History</Text> },
+                { title: <Text strong style={{ fontSize: '14px' }}>Report</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Report Page</h1>
+        </div>
+    );
+});
+
+export default IndexReport;
diff --git a/src/pages/history/trending/IndexTrending.jsx b/src/pages/history/trending/IndexTrending.jsx
new file mode 100644
index 0000000..50a4a4d
--- /dev/null
+++ b/src/pages/history/trending/IndexTrending.jsx
@@ -0,0 +1,31 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexTrending = memo(function IndexTrending() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• History</Text> },
+                { title: <Text strong style={{ fontSize: '14px' }}>Trending</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Trending Page</h1>
+        </div>
+    );
+});
+
+export default IndexTrending;
diff --git a/src/pages/master/brandDevice/IndexBrandDevice.jsx b/src/pages/master/brandDevice/IndexBrandDevice.jsx
new file mode 100644
index 0000000..aa60fc3
--- /dev/null
+++ b/src/pages/master/brandDevice/IndexBrandDevice.jsx
@@ -0,0 +1,31 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexBrandDevice = memo(function IndexBrandDevice() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• Master</Text> },
+                { title: <Text strong style={{ fontSize: '14px' }}>Brand Device</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Brand Device Page</h1>
+        </div>
+    );
+});
+
+export default IndexBrandDevice;
diff --git a/src/pages/master/errorCode/IndexErrorCode.jsx b/src/pages/master/errorCode/IndexErrorCode.jsx
new file mode 100644
index 0000000..3ce1862
--- /dev/null
+++ b/src/pages/master/errorCode/IndexErrorCode.jsx
@@ -0,0 +1,31 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexErrorCode = memo(function IndexErrorCode() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• Master</Text> },
+                { title: <Text strong style={{ fontSize: '14px' }}>Error Code</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Error Code Page</h1>
+        </div>
+    );
+});
+
+export default IndexErrorCode;
diff --git a/src/pages/master/tag/IndexTag.jsx b/src/pages/master/tag/IndexTag.jsx
new file mode 100644
index 0000000..17ef600
--- /dev/null
+++ b/src/pages/master/tag/IndexTag.jsx
@@ -0,0 +1,31 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexTag = memo(function IndexTag() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• Master</Text> },
+                { title: <Text strong style={{ fontSize: '14px' }}>Tag</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Tag Page</h1>
+        </div>
+    );
+});
+
+export default IndexTag;
diff --git a/src/pages/notification/IndexNotification.jsx b/src/pages/notification/IndexNotification.jsx
new file mode 100644
index 0000000..3f45aa4
--- /dev/null
+++ b/src/pages/notification/IndexNotification.jsx
@@ -0,0 +1,30 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexNotification = memo(function IndexNotification() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• Notifikasi</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Notifikasi Page</h1>
+        </div>
+    );
+});
+
+export default IndexNotification;
diff --git a/src/pages/role/IndexRole.jsx b/src/pages/role/IndexRole.jsx
new file mode 100644
index 0000000..91d9735
--- /dev/null
+++ b/src/pages/role/IndexRole.jsx
@@ -0,0 +1,30 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexRole = memo(function IndexRole() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• Role</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Role Page</h1>
+        </div>
+    );
+});
+
+export default IndexRole;
diff --git a/src/pages/shiftManagement/member/IndexMember.jsx b/src/pages/shiftManagement/member/IndexMember.jsx
new file mode 100644
index 0000000..62789b4
--- /dev/null
+++ b/src/pages/shiftManagement/member/IndexMember.jsx
@@ -0,0 +1,31 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexMember = memo(function IndexMember() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• Manajemen Shift</Text> },
+                { title: <Text strong style={{ fontSize: '14px' }}>Anggota Shift</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Anggota Shift Page</h1>
+        </div>
+    );
+});
+
+export default IndexMember;
diff --git a/src/pages/shiftManagement/schedule/IndexSchedule.jsx b/src/pages/shiftManagement/schedule/IndexSchedule.jsx
new file mode 100644
index 0000000..dd89676
--- /dev/null
+++ b/src/pages/shiftManagement/schedule/IndexSchedule.jsx
@@ -0,0 +1,31 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexSchedule = memo(function IndexSchedule() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• Manajemen Shift</Text> },
+                { title: <Text strong style={{ fontSize: '14px' }}>Jadwal Shift</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>Jadwal Shift Page</h1>
+        </div>
+    );
+});
+
+export default IndexSchedule;
diff --git a/src/pages/user/IndexUser.jsx b/src/pages/user/IndexUser.jsx
new file mode 100644
index 0000000..373aa47
--- /dev/null
+++ b/src/pages/user/IndexUser.jsx
@@ -0,0 +1,30 @@
+import React, { memo, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useBreadcrumb } from '../../layout/LayoutBreadcrumb';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+const IndexUser = memo(function IndexUser() {
+    const navigate = useNavigate();
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            setBreadcrumbItems([
+                { title: <Text strong style={{ fontSize: '14px' }}>• User</Text> }
+            ]);
+        } else {
+            navigate('/signin');
+        }
+    }, []);
+
+    return (
+        <div>
+            <h1>User Page</h1>
+        </div>
+    );
+});
+
+export default IndexUser;