diff --git a/govtool/frontend/src/pages/DRepDirectoryContent.tsx b/govtool/frontend/src/pages/DRepDirectoryContent.tsx index bf2d132d6..47b1b1006 100644 --- a/govtool/frontend/src/pages/DRepDirectoryContent.tsx +++ b/govtool/frontend/src/pages/DRepDirectoryContent.tsx @@ -50,15 +50,24 @@ export const DRepDirectoryContent: FC = ({ }) => { const { dRepID: myDRepId, pendingTransaction, stakeKey } = useCardano(); const { t } = useTranslation(); - const { debouncedSearchText, ...dataActionsBarProps } = useDataActionsBar(); + + const { + searchText, + debouncedSearchText, + setSearchText, + ...dataActionsBarProps + } = useDataActionsBar(); + const { chosenFilters, chosenSorting, setChosenFilters, setChosenSorting } = dataActionsBarProps; const [inProgressDelegationDRepData, setInProgressDelegationDRepData] = useState(undefined); + // Set initial filters and sort useEffect(() => { setChosenFilters([DRepStatus.Active]); + setSearchText(""); // <--- Clear the search field on mount }, []); useEffect(() => { @@ -198,6 +207,8 @@ export const DRepDirectoryContent: FC = ({