Merge pull request #2599 from IntersectMBO/fix/2535-400-bad-request-error-when-switching-to-governance-action-page

fix(#2535): fix bad request on ga list

Author: MSzalowski

CHANGELOG.md

@@ -17,6 +17,7 @@ changes.
 ### Fixed
 
 - Fix CIP-129 DRep view identifier for script based DReps [Issue 2583](https://github.com/IntersectMBO/govtool/issues/2583)
+- Fix bad request on passing the random sorting to GA list request [Issue 2535](https://github.com/IntersectMBO/govtool/issues/2535)
 
 ### Changed
 

govtool/frontend/src/components/organisms/DashboardGovernanceActions.tsx

@@ -67,7 +67,8 @@ const StyledTab = styled((props: StyledTabProps) => (
 }));
 
 export const DashboardGovernanceActions = () => {
-  const { debouncedSearchText, ...dataActionsBarProps } = useDataActionsBar();
+  const { debouncedSearchText, isAdjusting, ...dataActionsBarProps } =
+    useDataActionsBar();
   const { chosenFilters, chosenSorting } = dataActionsBarProps;
   const { voter } = useGetVoterInfo();
   const { isMobile } = useScreenDimension();
@@ -81,6 +82,7 @@ export const DashboardGovernanceActions = () => {
     filters: queryFilters,
     sorting: chosenSorting,
     searchPhrase: debouncedSearchText,
+    enabled: !isAdjusting,
   });
 
   const { state } = useLocation();

govtool/frontend/src/context/dataActionsBar.tsx

@@ -14,6 +14,7 @@ import { useLocation } from "react-router-dom";
 import { useDebounce } from "@hooks";
 
 interface DataActionsBarContextType {
+  isAdjusting: boolean;
   chosenFilters: string[];
   chosenFiltersLength: number;
   chosenSorting: string;
@@ -40,6 +41,7 @@ interface ProviderProps {
 }
 
 const DataActionsBarProvider: FC<ProviderProps> = ({ children }) => {
+  const [isAdjusting, setIsAdjusting] = useState<boolean>(true);
   const [searchText, setSearchText] = useState<string>("");
   const debouncedSearchText = useDebounce(searchText, 300);
   const [filtersOpen, setFiltersOpen] = useState<boolean>(false);
@@ -62,6 +64,7 @@ const DataActionsBarProvider: FC<ProviderProps> = ({ children }) => {
     setSearchText("");
     setChosenFilters([]);
     setChosenSorting("");
+    setIsAdjusting(false);
   }, []);
 
   const userMovedToDifferentAppArea =
@@ -74,6 +77,7 @@ const DataActionsBarProvider: FC<ProviderProps> = ({ children }) => {
     pathname.includes("governance_actions/category");
 
   useEffect(() => {
+    setIsAdjusting(true);
     if (
       (!pathname.includes("drep_directory") &&
         userMovedToDifferentAppArea &&
@@ -90,6 +94,7 @@ const DataActionsBarProvider: FC<ProviderProps> = ({ children }) => {
 
   const contextValue = useMemo(
     () => ({
+      isAdjusting,
       chosenFilters,
       chosenFiltersLength: chosenFilters.length,
       chosenSorting,
@@ -106,6 +111,7 @@ const DataActionsBarProvider: FC<ProviderProps> = ({ children }) => {
       sortOpen,
     }),
     [
+      isAdjusting,
       chosenFilters,
       chosenSorting,
       debouncedSearchText,

govtool/frontend/src/hooks/queries/useGetProposalsQuery.ts

@@ -10,6 +10,7 @@ export const useGetProposalsQuery = ({
   filters = [],
   searchPhrase,
   sorting,
+  enabled,
 }: GetProposalsArguments) => {
   const { dRepID, pendingTransaction } = useCardano();
   const { voter } = useGetVoterInfo();
@@ -42,6 +43,9 @@ export const useGetProposalsQuery = ({
       pendingTransaction.vote?.transactionHash,
     ],
     fetchProposals,
+    {
+      enabled,
+    },
   );
 
   const proposals = Object.values(groupByType(data) ?? []);

govtool/frontend/src/services/requests/getProposals.ts

@@ -14,6 +14,7 @@ export type GetProposalsArguments = {
   pageSize?: number;
   sorting?: string;
   searchPhrase?: string;
+  enabled?: boolean;
 };
 
 export const getProposals = async ({