add verified filter

Author: 0xKurt

packages/grant-explorer/src/features/api/rounds.ts

@@ -13,7 +13,7 @@ export const useRounds = (
   const query = useSWR(
     // Cache requests on chainIds and variables as keys (when these are the
     // same, cache will be used instead of new requests)
-    ["rounds", chainIds, variables],
+    ["rounds", chainIds, variables, onlywWhitelistedPrograms],
     async () => {
       const whitelistedPrograms = onlywWhitelistedPrograms
         ? await getWhitelistedPrograms()

packages/grant-explorer/src/features/discovery/ExploreRoundsPage.tsx

@@ -11,13 +11,16 @@ import { getExplorerPageTitle } from "./utils/getExplorerPageTitle";
 import { RoundsGrid } from "./RoundsGrid";
 import { getEnabledChains } from "../../app/chainConfig";
 import { useMemo } from "react";
-import { getWhitelistedPrograms } from "common";
 
 const ExploreRoundsPage = () => {
   const [params] = useSearchParams();
   const filter = getRoundSelectionParamsFromUrlParams(params);
   // Pass the filter from the search params and build the graphql query
-  const rounds = useFilterRounds(filter, getEnabledChains(), true);
+  const rounds = useFilterRounds(
+    filter,
+    getEnabledChains(),
+    filter.status.includes("verified")
+  );
 
   const publicRounds = useMemo(
     () =>

packages/grant-explorer/src/features/discovery/FilterDropdown.tsx

@@ -41,11 +41,14 @@ export const FILTER_OPTIONS: RoundFilterUiOption[] = [
       },
     ],
   },
-
   {
     label: "Status",
     value: "status",
     children: [
+      {
+        label: "Verified",
+        value: "verified",
+      },
       {
         label: "Active",
         value: RoundStatus.active,
@@ -75,7 +78,6 @@ export function FilterDropdown() {
 
   const filter = getRoundSelectionParamsFromUrlParams(params);
   const { status = "", type = "", network = "" } = filter;
-
   const selected = getFilterLabel({ status, type, network });
   return (
     <Dropdown
@@ -133,7 +135,7 @@ export function FilterDropdown() {
               >
                 <Disclosure.Panel
                   static
-                  className=" mt-1 w-full overflow-auto p-2"
+                  className="mt-1 w-full overflow-auto p-2"
                 >
                   {children
                     ?.filter((child) => !child.hide)

packages/grant-explorer/src/features/discovery/LandingPage.tsx

@@ -83,7 +83,7 @@ const LandingPage = () => {
           <ViewAllLink
             to={`/rounds?${toQueryString({
               orderBy: ROUNDS_ENDING_SOON_FILTER.orderBy,
-              status: RoundStatus.active,
+              status: `${RoundStatus.active},verified`,
             })}`}
           >
             View all

packages/grant-explorer/src/features/discovery/LandingTabs.tsx

@@ -31,7 +31,11 @@ export default function LandingTabs() {
     {
       to: `/rounds?${toQueryString({
         orderBy: "MATCH_AMOUNT_IN_USD_DESC",
-        status: [RoundStatus.active, RoundStatus.taking_applications].join(","),
+        status: [
+          RoundStatus.active,
+          RoundStatus.taking_applications,
+          "verified",
+        ].join(","),
       })}`,
       activeRegExp: /^\/rounds/,
       children: isDesktop ? "Explore rounds" : "Rounds",

packages/grant-explorer/src/features/discovery/hooks/useFilterRounds.ts

@@ -57,7 +57,7 @@ export enum RoundStatus {
 
 export const ACTIVE_ROUNDS_FILTER: RoundSelectionParams = {
   orderBy: "MATCH_AMOUNT_IN_USD_DESC",
-  status: RoundStatus.active,
+  status: `${RoundStatus.active},verified`,
   type: "allov2.DonationVotingMerkleDistributionDirectTransferStrategy,allov1.QF",
   network: "",
 };
@@ -69,7 +69,7 @@ export const ROUNDS_ENDING_SOON_FILTER: RoundSelectionParams & {
   orderBy: "DONATIONS_END_TIME_ASC",
   type: "",
   network: "",
-  status: RoundStatus.ending_soon,
+  status: `${RoundStatus.ending_soon},verified`,
 };
 
 export const useFilterRounds = (

packages/grant-explorer/src/features/discovery/utils/createRoundsStatusFilter.ts

@@ -48,7 +48,7 @@ export function createRoundsStatusFilter(
 ): TimeFilterVariables[] {
   // Default to all filters
   const selectedFilters =
-    status ||
+    status.replace(",verified", "") ||
     [
       RoundStatus.active,
       RoundStatus.taking_applications,