refactor: streamline audit data handling and enhance UI rendering

- Updated `getAuditData` function to use `const` for file path declaration.
- Removed unnecessary console logs for improved code cleanliness.
- Introduced a `renderCell` function in the `AuditLogs` component to standardize cell rendering and handle null values more gracefully.

Author: samarp-jain

api/src/services/migration.service.ts

@@ -672,9 +672,8 @@ const getAuditData = async (req: Request): Promise<any> => {
     if (!fs.existsSync(auditLogPath)) {
       throw new BadRequestError("Audit log path not found");
     }
-    let filePath = path?.resolve(auditLogPath, `${moduleName}.json`);
+    const filePath = path?.resolve(auditLogPath, `${moduleName}.json`);
     let fileData;
-    // Special fallback logic for Entries_Select_feild
     if (moduleName === 'Entries_Select_feild') {
       const entriesSelectFieldPath = filePath;
       const entriesPath = path?.resolve(auditLogPath, `entries.json`);
@@ -737,7 +736,6 @@ const getAuditData = async (req: Request): Promise<any> => {
       throw new BadRequestError(`No audit data found for module: ${moduleName}`);
     }
     let transformedData = transformAndFlattenData(fileData);
-    console.log(transformedData);
     if (moduleName === 'Entries_Select_feild') {
       if (filter != GET_AUDIT_DATA?.FILTERALL) {
         const filters = filter?.split("-");

ui/src/components/AuditLogs/auditLogs.interface.ts

@@ -32,7 +32,7 @@ export interface TableDataItem {
     missingCTSelectFieldValues?: string;
     parentKey?: string;
     ct_uid?: string;
-    _content_type_uid?: string
+    _content_type_uid?: string;
 
 }
 export type DropdownOption = {

ui/src/components/AuditLogs/index.tsx

@@ -16,6 +16,9 @@ import {
 import './index.scss';
 import { auditLogsConstants } from '../../utilities/constants';
 import AuditFilterModal from '../AuditFilterModal';
+
+const renderCell = (value: any) => <div>{value ?? '-'}</div>;
+
 const AuditLogs: React.FC = () => {
     const params = useParams<{ projectId?: string }>();
     const [loading, setLoading] = useState<boolean>(false);
@@ -136,7 +139,6 @@ const AuditLogs: React.FC = () => {
     };
     const handleFileChange = async (selectedOption: FileOption | null) => {
         setSelectedFile(selectedOption);
-        console.info('selectedOption', selectedOption);
         setDropDownOptions(selectedOption?.value);
         setSearchText('');
         setFilterValue([]);
@@ -152,12 +154,10 @@ const AuditLogs: React.FC = () => {
     };
     const ColumnFilter = () => {
         const closeModal = () => {
-            console.info(isFilterDropdownOpen);
             setIsFilterDropdownOpen(false);
         };
         const openFilterDropdown = () => {
             if (!isFilterDropdownOpen) {
-                console.info('openFilterDropdown');
                 setIsFilterDropdownOpen(true);
             }
             setIsFilterDropdownOpen(true);
@@ -252,19 +252,19 @@ const AuditLogs: React.FC = () => {
     const contentTypeHeader = [
         {
             Header: 'Title',
-            accessor: (data: TableDataItem) => <div>{data?.name ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.name),
             addToColumnSelector: true,
             disableSortBy: true,
         },
         {
             Header: 'Field Name',
-            accessor: (data: TableDataItem) => <div>{data?.display_name ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.display_name),
             addToColumnSelector: true,
             disableSortBy: true,
         },
         {
             Header: 'Field Type',
-            accessor: (data: TableDataItem) => <div>{data?.data_type ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.data_type),
             addToColumnSelector: true,
             disableSortBy: true,
             filter: ColumnFilter
@@ -277,28 +277,28 @@ const AuditLogs: React.FC = () => {
                     : typeof data?.missingRefs === 'string'
                         ? data?.missingRefs
                         : '-';
-                return <div>{missing ?? '-'}</div>;
+                return renderCell(missing);
             },
             addToColumnSelector: true,
             disableSortBy: true,
         },
         {
             Header: 'Tree Structure',
-            accessor: (data: TableDataItem) => <div>{data?.treeStr ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.treeStr),
             addToColumnSelector: true,
             disableSortBy: true,
         },
         {
             Header: 'Fix Status',
-            accessor: (data: TableDataItem) => <div>{data?.fixStatus ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.fixStatus),
             addToColumnSelector: true,
             disableSortBy: true,
         }
     ];
     const entryHeader = [
         {
             Header: 'Entry UID',
-            accessor: (data: TableDataItem) => <div>{data?.uid ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.uid),
             addToColumnSelector: true,
             disableSortBy: true,
             disableResizing: false,
@@ -307,7 +307,7 @@ const AuditLogs: React.FC = () => {
         },
         {
             Header: 'Name',
-            accessor: (data: TableDataItem) => <div>{data?.name ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.name),
             addToColumnSelector: true,
             disableSortBy: true,
             disableResizing: false,
@@ -316,13 +316,13 @@ const AuditLogs: React.FC = () => {
         },
         {
             Header: 'Display Name',
-            accessor: (data: TableDataItem) => <div>{data?.display_name ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.display_name),
             addToColumnSelector: true,
             disableSortBy: true,
         },
         {
             Header: 'Display Type',
-            accessor: (data: TableDataItem) => <div>{data?.display_type || data?.data_type || '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.display_type || data?.data_type),
             addToColumnSelector: true,
             disableSortBy: true,
             filter: ColumnFilter
@@ -332,25 +332,25 @@ const AuditLogs: React.FC = () => {
             cssClass: "missing-val",
             accessor: (data: TableDataItem) => {
                 if (data?.missingCTSelectFieldValues) {
-                    return <div>{data.missingCTSelectFieldValues ?? '-'}</div>;
+                    return renderCell(data?.missingCTSelectFieldValues);
                 }
                 if (typeof data?.missingRefs === 'object' && data?.missingRefs) {
-                    const ctUid = (data.missingRefs as any)[0]?._content_type_uid;
+                    const ctUid = (data?.missingRefs as any)?.[0]?._content_type_uid;
                     if (Array.isArray(ctUid)) {
-                        return <div>{ctUid.length > 0 ? ctUid.join(', ') : '-'}</div>;
+                        return renderCell(ctUid?.length > 0 ? ctUid?.join(', ') : null);
                     } else if (typeof ctUid === 'string') {
-                        return <div>{ctUid}</div>;
+                        return renderCell(ctUid);
                     }
                 }
-                return <div>-</div>;
+                return renderCell(null);
             },
             addToColumnSelector: true,
             disableSortBy: true,
         },
         {
             Header: 'Tree Structure',
             width: 300,
-            accessor: (data: TableDataItem) => <div>{data?.treeStr ?? '-'}</div>,
+            accessor: (data: TableDataItem) => renderCell(data?.treeStr),
             addToColumnSelector: true,
             disableSortBy: true,
             default: false,