yogiedigital/cod-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refactor notification detail handling and add verification spare part page

Browse Source
This commit is contained in:
Iqbal Rizqi Kurniawan
2025-11-21 16:25:50 +07:00
parent c4f290bfcb
commit 1eab3fe845
4 changed files with 83 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.jsx
View File

@@ -34,7 +34,8 @@ import IndexNotification from './pages/notification/IndexNotification';
import IndexRole from './pages/role/IndexRole';
import IndexUser from './pages/user/IndexUser';
import IndexContact from './pages/contact/IndexContact';
import DetailNotification from './pages/sparepartGudang/IndexSparepartGudang'
import DetailNotificationTab from './pages/detailNotification/IndexDetailNotification';
import IndexVerificationSparepart from './pages/verificationSparepart/IndexVerificationSparepart';
import SvgTest from './pages/home/SvgTest';
import SvgOverviewCompressor from './pages/home/SvgOverviewCompressor';
@@ -58,7 +59,8 @@ const App = () => {
<Route path="/signin" element={<SignIn />} />
<Route path="/signup" element={<SignUp />} />
<Route path="/svg" element={<SvgTest />} />
<Route path="/detail-notification/:notificationId" element={<DetailNotification />} />
<Route path="/detail-notification/:notificationId" element={<DetailNotificationTab />} />
<Route path="/verification-sparepart/:notificationId" element={<IndexVerificationSparepart />} />
{/* Protected Routes */}

6
src/pages/sparepartGudang/IndexSparepartGudang.jsx → src/pages/detailNotification/IndexDetailNotification.jsx
View File

@@ -73,7 +73,7 @@ const getIconAndColor = (type) => {
}
};
const IndexSparepartGudang = () => {
const DetailNotificationTab = () => {
const { notificationId } = useParams(); // Mungkin perlu disesuaikan jika route berbeda
const navigate = useNavigate();
const [notification, setNotification] = useState(null);
@@ -155,7 +155,7 @@ const IndexSparepartGudang = () => {
</Button>
</Col>
</Row>
<div style={{ backgroundColor: '#fffbe6', border: '1px solid #ffe58f', borderRadius: '4px', padding: '8px 16px', textAlign: 'center', marginTop: '16px' }}>
<div style={{ backgroundColor: '#f6ffed', border: '1px solid #b7eb8f', borderRadius: '4px', padding: '8px 16px', textAlign: 'center', marginTop: '16px' }}>
<Typography.Title level={4} style={{ margin: 0, color: '#262626' }}>
Error Notification Detail
</Typography.Title>
@@ -234,4 +234,4 @@ const IndexSparepartGudang = () => {
);
};
export default IndexSparepartGudang;
export default DetailNotificationTab;

2
src/pages/notification/component/ListNotification.jsx
View File

@@ -60,7 +60,7 @@ const transformNotificationData = (apiData) => {
}) + ' WIB',
location: item.device_location || 'Location not specified',
details: item.message_error_issue || 'No details available',
link: `/verification/spare-part/${item.notification_error_id}`, // Dummy URL untuk verifikasi spare part
link: `/verification-sparepart/${item.notification_error_id}`, // Dummy URL untuk verifikasi spare part
subsection: item.solution_name || 'N/A',
isRead: item.is_read,
status: item.is_read ? 'Resolved' : item.is_delivered ? 'Delivered' : 'Pending',

75
src/pages/verificationSparepart/IndexVerificationSparepart.jsx Normal file
View File

@@ -0,0 +1,75 @@
import React from 'react';
import { Layout, Card, Row, Col, Typography, Button, Input } from 'antd';
import { ArrowLeftOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
import { useNavigate, useParams } from 'react-router-dom';
const { Content } = Layout;
const { Title, Paragraph } = Typography;
const { Search } = Input;
const IndexVerificationSparepart = () => {
const navigate = useNavigate();
const { notification_error_id } = useParams();
return (
<Layout style={{ padding: '24px', backgroundColor: '#f0f2f5' }}>
<Content>
<Card>
<div style={{ borderBottom: '1px solid #f0f0f0', paddingBottom: '16px', marginBottom: '24px' }}>
<Row justify="space-between" align="middle">
<Col>
<Button
type="text"
icon={<ArrowLeftOutlined />}
onClick={() => navigate('/notification')}
style={{ paddingLeft: 0 }}
>
Kembali ke daftar notifikasi
</Button>
</Col>
</Row>
<div style={{ backgroundColor: '#f6ffed', border: '1px solid #b7eb8f', borderRadius: '4px 4px 0 0', padding: '8px 16px', marginTop: '16px' }}>
<Row justify="center" align="middle">
<Col>
<Title level={4} style={{ margin: 0, color: '#262626' }}>
List Available Sparepart
</Title>
</Col>
</Row>
<Paragraph style={{ margin: '4px 0 0', color: '#595959', textAlign: 'center' }}>
Select items from inventory to save changes
</Paragraph>
</div>
<div style={{ border: '1px solid #91d5ff', borderTop: 'none', backgroundColor: '#e6f7ff', padding: '12px 16px', borderRadius: '0 0 4px 4px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
<ExclamationCircleOutlined style={{ color: '#1890ff', fontSize: '20px', marginRight: '12px' }} />
<Paragraph style={{ margin: 0 }}>
<strong>Important Notice:</strong> All items listed are currently in stock and available for immediate use. Please verify part numbers before installation. Selected items will be marked for inventory tracking.
</Paragraph>
</div>
</div>
<Row justify="space-between" align="middle" style={{ marginBottom: '24px' }}>
<Col>
<Title level={5} style={{ margin: 0 }}>• Inventory</Title>
</Col>
<Col>
<Search
placeholder="Search in inventory"
onSearch={value => console.log(value)}
style={{ width: 200 }}
/>
</Col>
</Row>
{/* Konten untuk verifikasi spare part akan ditambahkan di sini */}
<div style={{ textAlign: 'center', padding: '40px 0' }}>
<Title level={5}>ID Notifikasi: {notification_error_id}</Title>
<p>Halaman ini dalam pengembangan. Di sini akan ditampilkan detail spare part yang perlu diverifikasi.</p>
</div>
</Card>
</Content>
</Layout>
);
};
export default IndexVerificationSparepart;