From 0d97a1978e6fa57b0967f5a55791ac3ca3369b4e Mon Sep 17 00:00:00 2001
From: vinix <nzxtvinix@gmail.com>
Date: Mon, 6 Oct 2025 08:47:07 +0700
Subject: [PATCH] update: adjust TableList component for improved data display
 and enhance ListDevice component styles

---
 src/components/Global/TableList.jsx              |  3 +--
 src/layout/LayoutLogo.jsx                        | 10 +++++-----
 src/pages/auth/SignIn.jsx                        |  2 +-
 src/pages/master/device/component/ListDevice.jsx |  5 ++++-
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Global/TableList.jsx b/src/components/Global/TableList.jsx
index 305fc2b..98d3cba 100644
--- a/src/components/Global/TableList.jsx
+++ b/src/components/Global/TableList.jsx
@@ -247,7 +247,6 @@ const TableList = memo(function TableList({
                         loading={gridLoading}
                         scroll={{
                             y: 520,
-                           
                         }}
                     />
 
@@ -256,7 +255,7 @@ const TableList = memo(function TableList({
                         <Row justify="space-between" align="middle">
                             <Col>
                                 <div>
-                                    Menampilkan {pagingResponse.totalData} Data dari{' '}
+                                    Menampilkan {pagingResponse.totalPage} Data dari{' '}
                                     {pagingResponse.perPage} Halaman
                                 </div>
                             </Col>
diff --git a/src/layout/LayoutLogo.jsx b/src/layout/LayoutLogo.jsx
index 086db57..9ecdcc0 100644
--- a/src/layout/LayoutLogo.jsx
+++ b/src/layout/LayoutLogo.jsx
@@ -10,14 +10,14 @@ const LayoutLogo = () => {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
-                backgroundColor: '#001529',
                 padding: '1rem',
                 borderRadius: '1rem',
             }}
         >
             <div
                 style={{
-                    background: 'radial-gradient(circle at center, rgba(255,255,255,0.95), rgba(220,220,220,0.5))',
+                    background:
+                        'radial-gradient(circle at center, rgba(255,255,255,0.95), rgba(220,220,220,0.5))',
                     borderRadius: '50%',
                     width: 160,
                     height: 160,
@@ -26,7 +26,7 @@ const LayoutLogo = () => {
                     alignItems: 'center',
                     boxShadow: '0 6px 20px rgba(0, 0, 0, 0.2)',
                     position: 'relative',
-                    overflow: 'hidden'
+                    overflow: 'hidden',
                 }}
             >
                 {/* Ring sebelum logo utama */}
@@ -37,7 +37,7 @@ const LayoutLogo = () => {
                         width: 160,
                         height: 160,
                         position: 'absolute',
-                        zIndex: 1
+                        zIndex: 1,
                     }}
                 />
 
@@ -66,4 +66,4 @@ const LayoutLogo = () => {
     );
 };
 
-export default LayoutLogo;
\ No newline at end of file
+export default LayoutLogo;
diff --git a/src/pages/auth/SignIn.jsx b/src/pages/auth/SignIn.jsx
index fa27d98..f799d7e 100644
--- a/src/pages/auth/SignIn.jsx
+++ b/src/pages/auth/SignIn.jsx
@@ -57,7 +57,7 @@ const SignIn = () => {
                 localStorage.setItem('token', accessToken);
                 localStorage.setItem('user', JSON.stringify(user));
 
-                NotifOk({
+                NotifAlert({
                     icon: 'success',
                     title: 'Login Berhasil',
                     message: res?.message || 'Selamat datang!',
diff --git a/src/pages/master/device/component/ListDevice.jsx b/src/pages/master/device/component/ListDevice.jsx
index 39b535f..db2731e 100644
--- a/src/pages/master/device/component/ListDevice.jsx
+++ b/src/pages/master/device/component/ListDevice.jsx
@@ -45,7 +45,7 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
         title: 'Device Code',
         dataIndex: 'device_code',
         key: 'device_code',
-        width: '5%',
+        width: '10%',
     },
     {
         title: 'Device Name',
@@ -94,17 +94,20 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
             <Space>
                 <Button
                     type="text"
+                    style={{ borderColor: '#1890ff' }}
                     icon={<EyeOutlined style={{ color: '#1890ff' }} />}
                     onClick={() => showPreviewModal(record)}
                 />
                 <Button
                     type="text"
+                    style={{ borderColor: '#faad14' }}
                     icon={<EditOutlined style={{ color: '#faad14' }} />}
                     onClick={() => showEditModal(record)}
                 />
                 <Button
                     type="text"
                     danger
+                    style={{ borderColor: 'red' }}
                     icon={<DeleteOutlined />}
                     onClick={() => showDeleteDialog(record)}
                 />