diff --git a/govtool/frontend/src/components/molecules/DataActionsBar.tsx b/govtool/frontend/src/components/molecules/DataActionsBar.tsx index 1ff86d706..b6672a968 100644 --- a/govtool/frontend/src/components/molecules/DataActionsBar.tsx +++ b/govtool/frontend/src/components/molecules/DataActionsBar.tsx @@ -65,6 +65,11 @@ export const DataActionsBar: FC = ({ [chosenFilters, filterOptions], ); + const chosenSortingLabel = useMemo(() => { + const opt = (sortOptions ?? []).find((o) => o.key === chosenSorting); + return opt?.label ?? chosenSorting; + }, [sortOptions, chosenSorting]); + const handleRemoveFilter = (key: string) => setChosenFilters?.((prev) => (prev ?? []).filter((k) => k !== key)); @@ -135,7 +140,7 @@ export const DataActionsBar: FC = ({ filtersOpen={effectiveFiltersOpen} isFiltering={isFiltering} setFiltersOpen={setEffectiveFiltersOpen} - chosenSorting={chosenSorting} + chosenSorting={chosenSortingLabel} setSortOpen={setEffectiveSortOpen} sortOpen={effectiveSortOpen} > diff --git a/govtool/frontend/src/consts/dRepDirectory/sorting.ts b/govtool/frontend/src/consts/dRepDirectory/sorting.ts index 2ae238b15..85c964b77 100644 --- a/govtool/frontend/src/consts/dRepDirectory/sorting.ts +++ b/govtool/frontend/src/consts/dRepDirectory/sorting.ts @@ -1,7 +1,7 @@ export const DREP_DIRECTORY_SORTING = [ { key: "Activity", - label: "Activity", + label: "Activity Voting", }, { key: "RegistrationDate",