diff --git a/ui/src/components/EntryDetailed/EntrySections.tsx b/ui/src/components/EntryDetailed/EntrySections.tsx index 9a777705f..ec06de46b 100644 --- a/ui/src/components/EntryDetailed/EntrySections.tsx +++ b/ui/src/components/EntryDetailed/EntrySections.tsx @@ -205,13 +205,27 @@ interface EntrySectionProps { } export const EntryTableSection: React.FC = ({title, color, arrayToIterate, updateQuery}) => { + let arrayToIterateSorted: any[]; + if (arrayToIterate) { + arrayToIterateSorted = arrayToIterate.sort((a, b) => { + if (a.name > b.name) { + return 1; + } + + if (a.name < b.name) { + return -1; + } + + return 0; + }); + } return { arrayToIterate && arrayToIterate.length > 0 ? - {arrayToIterate.map(({name, value, selector}, index) =>