diff --git a/src/pages/superadmin/AuditLogResourceTypes.tsx b/src/pages/superadmin/AuditLogResourceTypes.tsx index 7497082..b621f5c 100644 --- a/src/pages/superadmin/AuditLogResourceTypes.tsx +++ b/src/pages/superadmin/AuditLogResourceTypes.tsx @@ -66,7 +66,8 @@ const AuditLogResourceTypes = (): ReactElement => { const [search, setSearch] = useState(''); const [debouncedSearch, setDebouncedSearch] = useState(''); const [typeFilter, setTypeFilter] = useState(null); - const [moduleIdFilter, setModuleIdFilter] = useState(null); + const [moduleIdFilter, setModuleIdFilter] = useState(null); + const [sort, setSort] = useState('asc'); const { register, @@ -95,7 +96,8 @@ const AuditLogResourceTypes = (): ReactElement => { const response = await auditLogService.getAllResourceTypes(currentPage, limit, { search: debouncedSearch, type: typeFilter, - module_id: moduleIdFilter + module_id: moduleIdFilter, + sort }); if (response.success) { setResourceTypes(response.data); @@ -107,7 +109,7 @@ const AuditLogResourceTypes = (): ReactElement => { } finally { setIsLoading(false); } - }, [currentPage, limit, debouncedSearch, typeFilter, moduleIdFilter]); + }, [currentPage, limit, debouncedSearch, typeFilter, moduleIdFilter, sort]); const fetchModules = async () => { try { @@ -325,13 +327,31 @@ const AuditLogResourceTypes = (): ReactElement => { placeholder="All Modules" /> - {(debouncedSearch || typeFilter || moduleIdFilter) && ( + {/* Sort Filter */} + { + setSort(val as string || 'newest'); + setCurrentPage(1); + }} + placeholder="Sort Order" + /> + + {(debouncedSearch || typeFilter || moduleIdFilter || sort !== 'asc') && (