diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceIssuesPage/MiMDIssuesPage.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceIssuesPage/MiMDIssuesPage.tsx index f8667d425..3c5007541 100644 --- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceIssuesPage/MiMDIssuesPage.tsx +++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceIssuesPage/MiMDIssuesPage.tsx @@ -46,7 +46,9 @@ function MiMDIssuesPage(props: { Meter: OpenXDA.Types.Meter }) { const settingStatus = useAppSelector(SystemCenterSettingSlice.Status); const order = React.useCallback((data: SC.MiMDDailyStatistic[]) => { - return _.orderBy(data, [sortField], [ascending ? 'asc' : 'desc']) + const sortedData = _.sortBy(data, [(e) => { return sortField == 'Date' ? moment(e['Date']) : e[sortField] }]) + if (ascending) return sortedData + return sortedData.reverse() }, [sortField, ascending]); React.useEffect(() => { @@ -58,7 +60,7 @@ function MiMDIssuesPage(props: { Meter: OpenXDA.Types.Meter }) { return () => { if (handle != null || handle.abort != null) handle.abort(); } - }, [props.Meter.AssetKey, sortField, ascending]); + }, [props.Meter.AssetKey]); React.useEffect(() => { if (data.length === 0) return; diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceIssuesPage/OpenXDAIssuesPage.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceIssuesPage/OpenXDAIssuesPage.tsx index e3882daf0..9a8d6bd4a 100644 --- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceIssuesPage/OpenXDAIssuesPage.tsx +++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceIssuesPage/OpenXDAIssuesPage.tsx @@ -40,7 +40,9 @@ function OpenXDAIssuesPage(props: { Meter: OpenXDA.Types.Meter }) { const [ascending, setAscending] = React.useState(false); const order = React.useCallback((data: SC.OpenXDADailyStatistic[]) => { - return _.orderBy(data, [sortField], [ascending ? 'asc' : 'desc']) + const sortedData = _.sortBy(data, [(e) => { return sortField == 'Date' ? moment(e['Date']) : e[sortField] }]) + if (ascending) return sortedData + return sortedData.reverse() }, [sortField, ascending]); React.useEffect(() => {