update: adjust TableList component for improved data display and enhance ListDevice component styles

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>

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,
                     }}
                 />
 

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!',

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)}
                 />