@@ -16,6 +16,9 @@ import {
16
16
import './index.scss' ;
17
17
import { auditLogsConstants } from '../../utilities/constants' ;
18
18
import AuditFilterModal from '../AuditFilterModal' ;
19
+
20
+ const renderCell = ( value : any ) => < div > { value ?? '-' } </ div > ;
21
+
19
22
const AuditLogs : React . FC = ( ) => {
20
23
const params = useParams < { projectId ?: string } > ( ) ;
21
24
const [ loading , setLoading ] = useState < boolean > ( false ) ;
@@ -66,7 +69,7 @@ const AuditLogs: React.FC = () => {
66
69
const predefinedOptions : FileOption [ ] = [
67
70
{ label : 'Content Types' , value : 'content-types' } ,
68
71
{ label : 'Global Fields' , value : 'global-fields' } ,
69
- { label : 'Entries' , value : 'Entries_Select_field ' }
72
+ { label : 'Entries' , value : 'Entries_Select_feild ' }
70
73
] ;
71
74
setFileOptions ( predefinedOptions ) ;
72
75
}
@@ -136,7 +139,6 @@ const AuditLogs: React.FC = () => {
136
139
} ;
137
140
const handleFileChange = async ( selectedOption : FileOption | null ) => {
138
141
setSelectedFile ( selectedOption ) ;
139
- console . info ( 'selectedOption' , selectedOption ) ;
140
142
setDropDownOptions ( selectedOption ?. value ) ;
141
143
setSearchText ( '' ) ;
142
144
setFilterValue ( [ ] ) ;
@@ -152,12 +154,10 @@ const AuditLogs: React.FC = () => {
152
154
} ;
153
155
const ColumnFilter = ( ) => {
154
156
const closeModal = ( ) => {
155
- console . info ( isFilterDropdownOpen ) ;
156
157
setIsFilterDropdownOpen ( false ) ;
157
158
} ;
158
159
const openFilterDropdown = ( ) => {
159
160
if ( ! isFilterDropdownOpen ) {
160
- console . info ( 'openFilterDropdown' ) ;
161
161
setIsFilterDropdownOpen ( true ) ;
162
162
}
163
163
setIsFilterDropdownOpen ( true ) ;
@@ -249,34 +249,24 @@ const AuditLogs: React.FC = () => {
249
249
</ div >
250
250
) ;
251
251
} ;
252
- const renderCell = ( value : any ) => < div > { value ?? '-' } </ div > ;
253
252
const contentTypeHeader = [
254
253
{
255
254
Header : 'Title' ,
256
255
accessor : ( data : TableDataItem ) => renderCell ( data ?. name ) ,
257
256
addToColumnSelector : true ,
258
257
disableSortBy : true ,
259
- disableResizing : false ,
260
- canDragDrop : true ,
261
- width : 150
262
258
} ,
263
259
{
264
260
Header : 'Field Name' ,
265
261
accessor : ( data : TableDataItem ) => renderCell ( data ?. display_name ) ,
266
262
addToColumnSelector : true ,
267
263
disableSortBy : true ,
268
- disableResizing : false ,
269
- canDragDrop : true ,
270
- width : 200
271
264
} ,
272
265
{
273
266
Header : 'Field Type' ,
274
267
accessor : ( data : TableDataItem ) => renderCell ( data ?. data_type ) ,
275
268
addToColumnSelector : true ,
276
269
disableSortBy : true ,
277
- disableResizing : false ,
278
- canDragDrop : true ,
279
- width : 200 ,
280
270
filter : ColumnFilter
281
271
} ,
282
272
{
@@ -287,32 +277,22 @@ const AuditLogs: React.FC = () => {
287
277
: typeof data ?. missingRefs === 'string'
288
278
? data ?. missingRefs
289
279
: '-' ;
290
-
291
280
return renderCell ( missing ) ;
292
281
} ,
293
282
addToColumnSelector : true ,
294
283
disableSortBy : true ,
295
- disableResizing : false ,
296
- canDragDrop : true ,
297
- width : 200
298
284
} ,
299
285
{
300
286
Header : 'Tree Structure' ,
301
287
accessor : ( data : TableDataItem ) => renderCell ( data ?. treeStr ) ,
302
288
addToColumnSelector : true ,
303
289
disableSortBy : true ,
304
- disableResizing : false ,
305
- canDragDrop : true ,
306
- width : 200
307
290
} ,
308
291
{
309
292
Header : 'Fix Status' ,
310
293
accessor : ( data : TableDataItem ) => renderCell ( data ?. fixStatus ) ,
311
294
addToColumnSelector : true ,
312
295
disableSortBy : true ,
313
- disableResizing : false ,
314
- canDragDrop : true ,
315
- width : 200
316
296
}
317
297
] ;
318
298
const entryHeader = [
@@ -339,37 +319,42 @@ const AuditLogs: React.FC = () => {
339
319
accessor : ( data : TableDataItem ) => renderCell ( data ?. display_name ) ,
340
320
addToColumnSelector : true ,
341
321
disableSortBy : true ,
342
- disableResizing : false ,
343
- canDragDrop : true ,
344
- width : 200
345
322
} ,
346
323
{
347
324
Header : 'Display Type' ,
348
- accessor : ( data : TableDataItem ) => renderCell ( data ?. display_type ) ,
325
+ accessor : ( data : TableDataItem ) => renderCell ( data ?. display_type || data ?. data_type ) ,
349
326
addToColumnSelector : true ,
350
327
disableSortBy : true ,
351
- disableResizing : false ,
352
- canDragDrop : true ,
353
- width : 200 ,
354
328
filter : ColumnFilter
355
329
} ,
356
330
{
357
- Header : 'Missing Select Value' ,
358
- accessor : ( data : TableDataItem ) => renderCell ( data ?. missingCTSelectFieldValues ) ,
331
+ Header : 'Missing Value' ,
332
+ cssClass : "missing-val" ,
333
+ accessor : ( data : TableDataItem ) => {
334
+ if ( data ?. missingCTSelectFieldValues ) {
335
+ return renderCell ( data ?. missingCTSelectFieldValues ) ;
336
+ }
337
+ if ( typeof data ?. missingRefs === 'object' && data ?. missingRefs ) {
338
+ const ctUid = ( data ?. missingRefs as any ) ?. [ 0 ] ?. _content_type_uid ;
339
+ if ( Array . isArray ( ctUid ) ) {
340
+ return renderCell ( ctUid ?. length > 0 ? ctUid ?. join ( ', ' ) : null ) ;
341
+ } else if ( typeof ctUid === 'string' ) {
342
+ return renderCell ( ctUid ) ;
343
+ }
344
+ }
345
+ return renderCell ( null ) ;
346
+ } ,
359
347
addToColumnSelector : true ,
360
348
disableSortBy : true ,
361
- disableResizing : false ,
362
- canDragDrop : true ,
363
- width : 200
364
349
} ,
365
350
{
366
351
Header : 'Tree Structure' ,
367
- accessor : ( data : TableDataItem ) => renderCell ( data ?. treeStr ?? '-' ) ,
352
+ width : 300 ,
353
+ accessor : ( data : TableDataItem ) => renderCell ( data ?. treeStr ) ,
368
354
addToColumnSelector : true ,
369
355
disableSortBy : true ,
370
- disableResizing : false ,
371
- canDragDrop : true ,
372
- width : 250
356
+ default : false ,
357
+ cssClass : "tree-struct"
373
358
}
374
359
] ;
375
360
0 commit comments