diff --git a/src/layout/LayoutMenu.jsx b/src/layout/LayoutMenu.jsx index 9124704..b350641 100644 --- a/src/layout/LayoutMenu.jsx +++ b/src/layout/LayoutMenu.jsx @@ -25,7 +25,7 @@ import { TeamOutlined, ClockCircleOutlined, CalendarOutlined, - UsergroupAddOutlined + UsergroupAddOutlined, } from '@ant-design/icons'; const { Text } = Typography; @@ -33,96 +33,111 @@ const { Text } = Typography; const allItems = [ { key: 'home', - icon: , - label: Home, + icon: , + label: ( + + Home + + ), }, { key: 'master', - icon: , + icon: , label: 'Master', children: [ { key: 'master-plant-section', - icon: , + icon: , label: Plant Section, }, { key: 'master-device', - icon: , + icon: , label: Device, }, { key: 'master-tag', - icon: , + icon: , label: Tag, }, { key: 'master-brand-device', - icon: , + icon: , label: Brand Device, }, - { - key: 'master-error-code', - icon: , - label: Error Code, - }, { key: 'master-status', - icon: , + icon: , label: Status, }, ], }, { key: 'history', - icon: , + icon: , label: 'History', children: [ { key: 'history-trending', - icon: , + icon: , label: Trending, }, { key: 'history-report', - icon: , + icon: , label: Report, }, ], }, { key: 'notification', - icon: , - label: Notifikasi, + icon: , + label: ( + + Notifikasi + + ), }, { key: 'event-alarm', - icon: , - label: Event Alarm, + icon: , + label: ( + + Event Alarm + + ), }, { key: 'role', - icon: , - label: Role, + icon: , + label: ( + + Role + + ), }, { key: 'user', - icon: , - label: User, + icon: , + label: ( + + User + + ), }, { key: 'shift-management', - icon: , + icon: , label: 'Manajemen Shift', children: [ { key: 'shift-schedule', - icon: , + icon: , label: Jadwal Shift, }, { key: 'shift-member', - icon: , + icon: , label: Anggota Shift, }, ], @@ -132,10 +147,10 @@ const allItems = [ const LayoutMenu = () => { const [stateOpenKeys, setStateOpenKeys] = useState(['home']); - const getLevelKeys = items1 => { + const getLevelKeys = (items1) => { const key = {}; const func = (items2, level = 1) => { - items2.forEach(item => { + items2.forEach((item) => { if (item.key) { key[item.key] = level; } @@ -150,12 +165,16 @@ const LayoutMenu = () => { const levelKeys = getLevelKeys(allItems); - const onOpenChange = openKeys => { - const currentOpenKey = openKeys.find(key => stateOpenKeys.indexOf(key) === -1); + const onOpenChange = (openKeys) => { + const currentOpenKey = openKeys.find((key) => stateOpenKeys.indexOf(key) === -1); if (currentOpenKey !== undefined) { - const repeatIndex = openKeys.filter(key => key !== currentOpenKey).findIndex(key => levelKeys[key] === levelKeys[currentOpenKey]); + const repeatIndex = openKeys + .filter((key) => key !== currentOpenKey) + .findIndex((key) => levelKeys[key] === levelKeys[currentOpenKey]); setStateOpenKeys( - openKeys.filter((_, index) => index !== repeatIndex).filter(key => levelKeys[key] <= levelKeys[currentOpenKey]), + openKeys + .filter((_, index) => index !== repeatIndex) + .filter((key) => levelKeys[key] <= levelKeys[currentOpenKey]) ); } else { setStateOpenKeys(openKeys); @@ -165,26 +184,28 @@ const LayoutMenu = () => { const session = getSessionData(); const isAdmin = session?.user?.user_id; - const karyawan = ()=>{ - return allItems.filter( - item => item.key !== 'setting' - // tambahkan menu jika terdapat menu yang di sembunyikan dari user karyawan - // && item.key !== 'master' - // && item.key !== 'master' - ).map(item=>{ - if(item.key === 'master'){ - return{ - ...item, - // buka command dibawah jika terdapat sub menu yang di sembunyikan - // children: item.children.filter( - // child => child.key !== 'master-product' - // tambahkan menu jika terdapat menu yang di sembunyikan dari user karyawan - // && child.key !== 'master-service' - // ) + const karyawan = () => { + return allItems + .filter( + (item) => item.key !== 'setting' + // tambahkan menu jika terdapat menu yang di sembunyikan dari user karyawan + // && item.key !== 'master' + // && item.key !== 'master' + ) + .map((item) => { + if (item.key === 'master') { + return { + ...item, + // buka command dibawah jika terdapat sub menu yang di sembunyikan + // children: item.children.filter( + // child => child.key !== 'master-product' + // tambahkan menu jika terdapat menu yang di sembunyikan dari user karyawan + // && child.key !== 'master-service' + // ) + }; } - } - return item; - }); + return item; + }); }; const items = isAdmin === 1 ? allItems : karyawan(); @@ -205,4 +226,4 @@ const LayoutMenu = () => { /> ); }; -export default LayoutMenu; \ No newline at end of file +export default LayoutMenu; diff --git a/src/pages/master/errorCode/IndexErrorCode.jsx b/src/pages/master/errorCode/IndexErrorCode.jsx deleted file mode 100644 index 3ce1862..0000000 --- a/src/pages/master/errorCode/IndexErrorCode.jsx +++ /dev/null @@ -1,31 +0,0 @@ -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: • Master }, - { title: Error Code } - ]); - } else { - navigate('/signin'); - } - }, []); - - return ( -
-

Error Code Page

-
- ); -}); - -export default IndexErrorCode;