+
+ {currentCorporate?.data.map((item, index) => (
+
+
+
+
+
+ Field
+ Old Value
+ New Values
+
+
+
+ {Object.entries(item.old_values).map(([key, value]) => {
+ let renderedValue;
+ if (key === 'deleted_by' || key === 'created_by' || key === 'updated_by') {
+ return null; // Melewati iterasi saat key adalah 'deleted_by'
+ }
+ switch (key) {
+ case 'welcome_message':
+ renderedValue = item.new_values[key].replace(/<[^>]*>/g, '');
+ value = value.replace(/<[^>]*>/g, '');
+ break;
+ case 'help_text':
+ renderedValue = item.new_values[key].replace(/<[^>]*>/g, '');
+ value = value.replace(/<[^>]*>/g, '');
+ break;
+ case 'active':
+ renderedValue = item.new_values[key] == 1 ? 'Active' : 'Inactive';
+ value = value == 1 ? 'Active' : 'Inactive';
+ break;
+ case 'created_at':
+ renderedValue = fDateTime(item.new_values[key]);
+ value = fDateTime(value);
+ break;
+ case 'updated_at':
+ renderedValue = fDateTime(item.new_values[key]);
+ value = fDateTime(value);
+ break;
+ case 'updated_at':
+ renderedValue = fDateTime(item.new_values[key]);
+ value = fDateTime(value);
+ break;
+ case 'delete_at':
+ renderedValue = fDateTime(item.new_values[key]);
+ value = fDateTime(value);
+ break;
+ default:
+ renderedValue = item.new_values[key];
+ break;
+ }
+
+ const field = key.charAt(0).toUpperCase() + key.slice(1);
+ if (value != renderedValue){
+ return (
+
+ {`${field}`}
+ {`${value}`}
+ {renderedValue}
+
+ );
+ }
+ })}
+
+
+
+
+ ))}
+
+ );
+}
diff --git a/frontend/dashboard/src/pages/Corporates/DiagnosisExclusion/List.tsx b/frontend/dashboard/src/pages/Corporates/DiagnosisExclusion/List.tsx
index 541c7bac..7f79cac8 100644
--- a/frontend/dashboard/src/pages/Corporates/DiagnosisExclusion/List.tsx
+++ b/frontend/dashboard/src/pages/Corporates/DiagnosisExclusion/List.tsx
@@ -44,7 +44,7 @@ import CancelIcon from '@mui/icons-material/Cancel';
// hooks
import React, { ChangeEvent, Component, useEffect, useRef, useState } from 'react';
import useSettings from '../../../hooks/useSettings';
-import { useParams, useSearchParams } from 'react-router-dom';
+import { Link, useParams, useSearchParams } from 'react-router-dom';
// components
import axios from '../../../utils/axios';
import { LaravelPaginatedData } from '../../../@types/paginated-data';
@@ -53,6 +53,7 @@ import BasePagination from '../../../components/BasePagination';
import { enqueueSnackbar } from 'notistack';
import { Icon } from '@iconify/react';
import { LoadingButton } from '@mui/lab';
+import HistoryIcon from '@mui/icons-material/History';
export default function List(props: any) {
const { themeStretch } = useSettings();
@@ -473,9 +474,11 @@ export default function List(props: any) {