Dismissed network partners (dubinc#3721)

Author: pepeladeira

apps/web/app/(ee)/api/network/partners/count/route.ts

@@ -116,10 +116,21 @@ export const GET = withWorkspace(
           some: { programId, invitedAt: { not: null } },
         },
       },
+      ignored: {
+        programs: { none: { programId } },
+        discoveredByPrograms: {
+          some: { programId, ignoredAt: { not: null } },
+        },
+      },
     } as const;
 
+    const statusWhereForFacet =
+      status && status in statusWheres
+        ? statusWheres[status as keyof typeof statusWheres]
+        : statusWheres.discover;
+
     if (groupBy === "status") {
-      const [discover, invited, recruited] = await Promise.all([
+      const [discover, invited, recruited, ignored] = await Promise.all([
         !status || status === "discover"
           ? prisma.partner.count({
               where: {
@@ -144,18 +155,27 @@ export const GET = withWorkspace(
               },
             })
           : undefined,
+        !status || status === "ignored"
+          ? prisma.partner.count({
+              where: {
+                ...commonWhere,
+                ...statusWheres.ignored,
+              },
+            })
+          : undefined,
       ]);
 
       return NextResponse.json({
         discover,
         invited,
         recruited,
+        ignored,
       });
     } else if (groupBy === "country") {
       const countries = await prisma.partner.groupBy({
         by: ["country"],
         _count: true,
-        where: { ...commonWhere, ...statusWheres[status || "discover"] },
+        where: { ...commonWhere, ...statusWhereForFacet },
         orderBy: {
           _count: {
             country: "desc",
@@ -185,7 +205,7 @@ export const GET = withWorkspace(
       // Build partner where clause combining all filters
       const partnerWhere: Prisma.PartnerWhereInput = {
         ...commonWhere,
-        ...statusWheres[status || "discover"],
+        ...statusWhereForFacet,
         platforms: {
           some: platformPlatformFilter,
         },
@@ -238,7 +258,7 @@ export const GET = withWorkspace(
         subscriberRanges.map(async (range) => {
           const where: Prisma.PartnerWhereInput = {
             ...commonWhere,
-            ...statusWheres[status || "discover"],
+            ...statusWhereForFacet,
             platforms: {
               some: {
                 verifiedAt: { not: null },

apps/web/app/(ee)/api/network/partners/route.ts

@@ -1,4 +1,3 @@
-import { getConversionScore } from "@/lib/actions/partners/get-conversion-score";
 import { DubApiError } from "@/lib/api/errors";
 import { calculatePartnerRanking } from "@/lib/api/network/calculate-partner-ranking";
 import { getDefaultProgramIdOrThrow } from "@/lib/api/programs/get-default-program-id-or-throw";
@@ -55,6 +54,51 @@ export const GET = withWorkspace(
       subscribers,
     } = getNetworkPartnersQuerySchema.parse(searchParams);
 
+    if (status !== "discover") {
+      const partners = await prisma.discoveredPartner.findMany({
+        where: {
+          programId,
+          ...(status === "ignored" && { ignoredAt: { not: null } }),
+          ...(status === "invited" && { invitedAt: { not: null } }),
+          ...(status === "recruited" && {
+            invitedAt: { not: null },
+            programEnrollment: { status: "approved" },
+          }),
+        },
+        orderBy: {
+          ...(status === "ignored" && { ignoredAt: "desc" }),
+          ...(status === "invited" && { invitedAt: "desc" }),
+          ...(status === "recruited" && {
+            programEnrollment: { createdAt: "desc" },
+          }),
+        },
+        include: {
+          partner: {
+            include: {
+              platforms: true,
+            },
+          },
+          programEnrollment: true,
+        },
+        take: pageSize,
+        skip: (page ?? 1 - 1) * pageSize,
+      });
+
+      return NextResponse.json(
+        partners.map(({ partner, ...rest }) =>
+          NetworkPartnerSchema.parse({
+            ...rest,
+            ...partner,
+            categories: [],
+            recruitedAt:
+              rest.programEnrollment?.status === "approved"
+                ? new Date(rest.programEnrollment.createdAt)
+                : null,
+          }),
+        ),
+      );
+    }
+
     const similarPrograms = program.similarPrograms.map((sp) => ({
       programId: sp.similarProgramId,
       similarityScore: sp.similarityScore,
@@ -79,7 +123,6 @@ export const GET = withWorkspace(
       z.array(NetworkPartnerSchema).parse(
         partners.map((partner) => ({
           ...partner,
-          conversionScore: getConversionScore(partner.conversionRate || 0),
           starredAt: partner.starredAt ? new Date(partner.starredAt) : null,
           ignoredAt: partner.ignoredAt ? new Date(partner.ignoredAt) : null,
           invitedAt: partner.invitedAt ? new Date(partner.invitedAt) : null,

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/network/ignored/page.tsx

@@ -0,0 +1,22 @@
+import { PageContent } from "@/ui/layout/page-content";
+import { PageWidthWrapper } from "@/ui/layout/page-width-wrapper";
+import { InvitesUsage } from "@/ui/partners/partner-network/invites-usage";
+import { ProgramPartnerNetworkPageClient } from "../page-client";
+
+export default async function ProgramPartnerNetworkIgnored(props: {
+  params: Promise<{ slug: string }>;
+}) {
+  const params = await props.params;
+
+  return (
+    <PageContent
+      title="Ignored partners"
+      titleBackHref={`/${params.slug}/program/network`}
+      controls={<InvitesUsage />}
+    >
+      <PageWidthWrapper className="mb-10">
+        <ProgramPartnerNetworkPageClient variant="ignored" />
+      </PageWidthWrapper>
+    </PageContent>
+  );
+}

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/network/network-empty-state.tsx

@@ -7,27 +7,17 @@ export function NetworkEmptyState({
   isFiltered,
   isStarred,
   onClearAllFilters,
+  variant = "default",
 }: {
   isFiltered: boolean;
   isStarred: boolean;
   onClearAllFilters: () => void;
+  variant?: "default" | "ignored";
 }) {
   return (
     <AnimatedEmptyState
       title="No partners found"
-      description={
-        isFiltered || isStarred ? (
-          <>
-            Press{" "}
-            <span className="text-content-default bg-bg-emphasis rounded-md px-1 py-0.5 text-xs font-semibold">
-              Esc
-            </span>{" "}
-            to clear all filters.
-          </>
-        ) : (
-          "There are no partners for you to discover yet."
-        )
-      }
+      description="Adjust your filters to refine your search results."
       className="border-none md:min-h-[400px]"
       cardClassName="py-3"
       cardCount={2}

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/network/network-menu.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import useProgram from "@/lib/swr/use-program";
+import useWorkspace from "@/lib/swr/use-workspace";
+import { ThreeDots } from "@/ui/shared/icons";
+import { Button, Popover, UserXmark } from "@dub/ui";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+export function NetworkMenu() {
+  const router = useRouter();
+  const { slug: workspaceSlug } = useWorkspace();
+  const { program } = useProgram();
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <Popover
+      openPopover={isOpen}
+      setOpenPopover={setIsOpen}
+      content={
+        <div className="grid w-full gap-px p-2 md:w-56">
+          <button
+            type="button"
+            onClick={() => {
+              router.push(`/${workspaceSlug}/program/network/ignored`);
+              setIsOpen(false);
+            }}
+            className="w-full rounded-md p-2 hover:bg-neutral-100 active:bg-neutral-200"
+          >
+            <div className="flex items-center gap-2 text-left">
+              <UserXmark className="size-4 shrink-0" />
+              <span className="text-sm font-medium">View ignored partners</span>
+            </div>
+          </button>
+        </div>
+      }
+      align="end"
+    >
+      <Button
+        type="button"
+        aria-label="Open partner network menu"
+        className="w-fit whitespace-nowrap px-2"
+        variant="secondary"
+        disabled={!program}
+        icon={<ThreeDots className="size-4 shrink-0" />}
+      />
+    </Popover>
+  );
+}