diff --git a/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx b/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx index 1f48ab0b5..03196a697 100644 --- a/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx +++ b/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx @@ -30,7 +30,7 @@ function LiveSessionList() { let timeoutId: any; const { filters } = filter; const hasUserFilter = filters.map((i: any) => i.key).includes(KEYS.USERID); - const sortOptions = [{ label: 'Start Time', value: 'timestamp' }].concat( + const sortOptions = [{ label: 'Start Time', value: 'timestamp' }, { label: 'Duration', value: 'duration' }].concat( metaList .map(({ key }: any) => ({ label: capitalize(key), diff --git a/frontend/app/components/shared/SortOrderButton/SortOrderButton.tsx b/frontend/app/components/shared/SortOrderButton/SortOrderButton.tsx index ce585fc0b..79c2b1144 100644 --- a/frontend/app/components/shared/SortOrderButton/SortOrderButton.tsx +++ b/frontend/app/components/shared/SortOrderButton/SortOrderButton.tsx @@ -6,28 +6,22 @@ interface Props { sortOrder: string; onChange?: (sortOrder: string) => void; } + export default React.memo(function SortOrderButton(props: Props) { const { sortOrder, onChange = () => null } = props; const isAscending = sortOrder === 'asc'; return (